Question

我在这里遇到麻烦......

假设我有这样的元素......

bootstrap(document).ready(function() {

       bootstrap('#popinquiry').popover({trigger:'hover'});
});

我在源代码上使用noConflict ..然后我有一个像这样的元素..

<a href='#' id='popinquiry' rel='popover' title='Popover Title'>heree</a>

并且在我加载页面之后..显示了popover，但是我设置的触发器不起作用..所以我必须先点击“heree”，然后再显示我的popover ..但是当我直接写入触发器时' popinquiry'

<a href='#' id='popinquiry' rel='popover' data-trigger='hover' title='Popover Title'>heree</a>

选项工作..你能帮帮我吗？问题是关闭popover选项参数

Answer 1

你的javascript：

<script>  
$(function ()  
{ $('#popinquiry').popover();  
});  
</script>

你的HTML：

<div class="well">  
<a href="#" id="popinquiry"  rel="popover" data-content="A simple tooltip for my awesome website" data-original-title="Twitter Bootstrap Popover">hover for popover</a>  
</div>

Answer 2

试试这段代码;我希望它能解决你的问题：

JavaScript的：

<script type="text/javascript">
$(function () {
    $(".btn").popover({
        trigger: 'hover',
        placement : 'bottom'
    });
});
</script>

HTML：

<a href="#" class="btn" data-toggle="popover" title="Popover title" data-content="Popover content">Popover</a>

此外，您可以查看此页面以获取更多有用的示例 - http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-popovers.php

Answer 3

可以在此处找到所有带有实时运行示例的bootstrap popover功能的完整演示 http://www.tutorialspark.com/twitterBootstrap/TwitterBootstrap_Popovers.php

无法使用jquery设置popover引导程序选项

3 个答案: