Php 无法使用jquery设置popover引导选项
我这里有些麻烦 假设我有这样一个元素Php 无法使用jquery设置popover引导选项,php,jquery,twitter-bootstrap,Php,Jquery,Twitter Bootstrap,我这里有些麻烦 假设我有这样一个元素 bootstrap(document).ready(function() { bootstrap('#popinquiry').popover({trigger:'hover'}); }); 我在源代码中使用noConflict。。然后我有这样一个元素 <a href='#' id='popinquiry' rel='popover' title='Popover Title'>heree</a> 在我加载页面
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>
这个选择奏效了。。你能帮助我吗??问题是您的javascript的所有关闭popover选项参数:
<script>
$(function ()
{ $('#popinquiry').popover();
});
</script>
$(函数()
{$('#popinquiry').popover();
});
您的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>
试试这个代码;我希望它能解决您的问题: JavaScript:
<script type="text/javascript">
$(function () {
$(".btn").popover({
trigger: 'hover',
placement : 'bottom'
});
});
</script>
$(函数(){
$(“.btn”).popover({
触发器:“悬停”,
位置:'底部'
});
});
HTML:
此外,您还可以在本页查看更多工作示例-
<a href="#" class="btn" data-toggle="popover" title="Popover title" data-content="Popover content">Popover</a>