Twitter bootstrap 尽管在这里阅读了大量的回复,但根本无法让Bootstrap popover正常工作

Twitter bootstrap 尽管在这里阅读了大量的回复,但根本无法让Bootstrap popover正常工作,twitter-bootstrap,tooltip,popover,mybb,Twitter Bootstrap,Tooltip,Popover,Mybb,好吧,我正试图让twitter引导弹出窗口在我正在编写的论坛主题上工作,但我根本无法让它们工作 我读过无数类似的文章,尝试过所有的事情,但都没有成功,所以我希望如果我能发布我的确切代码,有人能告诉我哪里出了问题 好的,我已经在我的页面中包含了Javascript,以及必要的工具提示和头部的popover js文件: <script src="{$mybb->settings['bburl']}/jscripts/bootstrap-tooltip.js"></script

好吧,我正试图让twitter引导弹出窗口在我正在编写的论坛主题上工作,但我根本无法让它们工作

我读过无数类似的文章,尝试过所有的事情,但都没有成功,所以我希望如果我能发布我的确切代码,有人能告诉我哪里出了问题

好的,我已经在我的页面中包含了Javascript,以及必要的工具提示和头部的popover js文件:

<script src="{$mybb->settings['bburl']}/jscripts/bootstrap-tooltip.js"></script>
<script src="{$mybb->settings['bburl']}/jscripts/bootstrap-popover.js"></script>

下面是我的HTML/Javascript标记:

<a id="pop" title="" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.    <p>hi</p><p>hihowareyou</p><p>hi</p>" data-placement="bottom" data-toggle="popover"     class="btn" href="#" rel="popover" data-original-title="Popover on bottom"     data-html="true">Popover on Bottom</a>
<script>
$(function(){                         
$("#pop").popover();
});
</script> 

$(函数(){
$(“#pop”).popover();
});
我还包括了bootstrap.CSS通常附带的必要CSS(尽管我没有包括所有CSS,只是工具提示和popover CSS)

您可以在演示链接上看到我的问题所在:

[编辑-链接可能已过时,抱歉]

在警告栏中,它会显示“底部的Popover”。我想点击它,然后一个弹出框出现在下面


有人能告诉我哪里出了问题吗?

您必须包含完整的
bootstrap.min.js
文件,而不是部分popover文件

<script src="/js/bootstrap.min.js"></script>

此外,您还包括两个不同版本的jQuery,这可能会破坏一切

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js" type="text/javascript">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript">


感谢您的回复。我已经尝试过使用bootstrap.min.js,但它不起作用,但我再次更新了页面以使用它,而不是两个单独的文件。我还删除了jQuery的第二个实例(1.4)。你提到的两个问题现在都已得到纠正,但问题似乎仍然存在。还有什么想法吗?+1。无法确切判断这是否是问题所在,但当在空白页(包括引导和jquery)上正确使用代码时,popover会立即正常工作。YOUR链接只重定向到常规frontpage