php - 无法使用 jquery 设置弹出框引导选项

Question

我这里有点麻烦...

可以说我有这样的元素......

bootstrap(document).ready(function() {

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

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

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

在我加载页面之后..显示了弹出窗口，但是我上面设置的触发器不起作用..所以我必须先点击“这里”也显示我的弹出窗口..但是当我直接在“popinquiry”上编写触发器时

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

该选项有效..你能帮我吗？问题全部关闭弹出选项参数

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