0

好的，我正在尝试让 twitter Bootstrap 弹出框在我正在编码的论坛主题上工作，但我根本无法让它们工作。

我已经阅读了无数类似的线程并且尝试了一切都没有运气，所以我希望如果我可以发布我的确切代码，有人可以告诉我哪里出错了。

好的，所以我在我的页面中包含了 Javascript，以及头部中所需的工具提示和弹出 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>

我还包含了 bootstrap.css 通常附带的必要 CSS（尽管我没有包含所有 CSS，仅包含工具提示和 popover css）。

您可以在演示链接上确切地看到我遇到此问题的位置：

http://mybbwebdesign.com/demo/index.php?action=mytheme&style=28 [编辑 - 链接可能已过时，抱歉]

在显示“底部弹出窗口”的警报栏中。我希望单击它，然后在下方出现一个弹出框。

谁能告诉我哪里出错了？

4

1 回答 1

1

您必须包含完整的bootstrap.min.js文件，而不是部分弹出文件。

<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">
于 2013-04-18T10:21:49.943 回答