Bootstrap popover 在 joomla 网站上不起作用答案

【问题标题】：Bootstrap popover not working on joomla siteBootstrap popover 在 joomla 网站上不起作用
【发布时间】：2013-11-05 17:55:54
【问题描述】：

目前正在处理此页面： http://www.sagu.edu/tv/channels/seminars

我从这里举了一个例子： http://www.w3resource.com/twitter-bootstrap/popover-tutorial.php

我怀疑 joomla 可能包含可能导致弹出框未显示的冲突的资源。

我在页面中的代码是：

<div class="custom"  >
    <h2>Example of creating Modal with Twitter Bootstrap</h2>
    <p>
        <a class="btn btn-danger" data-content="It's so simple to create a tooltop for my website!" data-original-title="Twitter Bootstrap Popover" href="#" id="example" rel="popover">hover for popover</a>
    </p>
</div>

然后我在底部有脚本的功能：

<script>
    $(function ()
    { 
        $("#example").popover();
    });
</script>

但是，如果您查看 joomla 的标头，您会发现一堆资源文件。不确定是哪一个导致了冲突，或者我是否缺少资源。

【问题讨论】：

我想我找到了问题所在。有没有办法用通用 ID 调用 popover 命令？例如，如果我有十个项目，而不是为每个项目创建一个函数，有没有通用的方法来做到这一点？

标签： javascript twitter-bootstrap joomla popover

【解决方案1】：

将jquery放在所有脚本之前，如果你有bootstrap.js，你不需要再次包含bootstrap popover.js，因为bootstrap.js中包含，使用bootstrap CDN，更好，试试看。你有 2 个 jquery 加载在头

【讨论】：

我尝试将 twitter 引导程序示例复制并粘贴到 google chrome 的“编辑为 html”选项中，其中的资源是硬编码的，但仍然没有显示弹出框。有没有办法确定错误？
您的回答帮助我弄清楚了图书馆的一些事情。谢谢！

【解决方案2】：

在许多 jQuery 框架中，为了防止冲突，开发人员使用变量而不是 $ 符号。而不是在所有脚本之前使用 jQuery。只需找到替换为$ 的变量并在您的代码中使用它。那么只有您可以使用框架的全部功能。

【讨论】：