0

目前正在处理此页面: 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 的标题,您会发现一堆资源文件。不确定是哪一个导致了冲突,或者我是否缺少资源。

4

2 回答 2

1

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

于 2013-11-05T18:01:44.327 回答
0

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

于 2014-02-12T12:16:50.967 回答