Question

我正在尝试使用bootstrap在我的网站上运行一些JQuery，这是一个carousel幻灯片和lightbox for gallery album但是它们都不起作用......

我曾尝试多次申请noConlict()，但仍然无效。这里是我的脚本

<script src="js/jquery.js"></script>
<script src="js/prototype.js"></script>
<script type="text/javascript" src="js/jquery-2.0.2.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script> window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>


<script src="js/plugins.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript" charset="utf-8">
    var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
            g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
            s.parentNode.insertBefore(g,s)}(document,'script'));

            var jq-$.noConflict();
            jq(document).ready(function(){
                jq('#mySlide1').carousel({
                    interval:3000
                });
                jq('#mySlide1').carousel('cycle');
                jq("[rel^='lightbox']").prettyPhoto();              
            });
</script>

Answer 1

用以下代码替换所有当前代码：

<script src="js/prototype.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script src="js/main.js"></script>
// and the Google analytics script

这里只需要一个版本的jQuery。我建议你使用谷歌的CDN链接来获取你的jQuery

Answer 2

你在页面上有4个jquery实例！只使用一个实例!!

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

JQuery与bootstrap冲突

2 个答案: