显示带有特定选项的弹出窗口

Show popover with specific option

本文关键字：窗口选项显示更新时间：2023-09-26

我的页面上有2个bootstrap弹出窗口。一个看得见，另一个看不见。我怎么能使一个弹出窗口可见，只有当它有一个特定的选项?

例如，下面是不可见的弹出窗口:

$('#second').popover({ title: 'Title', content: 'Description...', placement: 'right', delay: { show: 250 }, trigger: 'manual', html: true, container: 'body' });

我如何使它可见(通过JavaScript/jQuery)具体说"显示弹出窗口，其中选项html等于true ?

也许你可以创建一个css类的目标，而不是使用id?比如。visible-popover和。invisible-popover，然后相应地赋值。

你可以为这个做一个jsFiddle吗?如果人们能看到问题所在，你可能会得到更多的帮助。

没有看到你的HTML是什么，很难提供一些想法，但这里的文档是非常有用的例子:http://getbootstrap.com/javascript/#popovers

正如上面所建议的，你可以使用一个CSS类，然后使用jQuery来操作你想要的显示方式，基于该弹出窗口是否具有CSS属性。