Question

我有一个滑块和一个导航栏，两者都需要使用不同的jquery版本。

滑块使用1.7.2，导航使用1.4.2

    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>


    <script type="text/javascript" src="js/jquery-1.4.2.js"></script>
    <script type="text/javascript">
    var $jq = $.noConflict(true);
    </script>

<!-- NAVIGATION -->
    <script type="text/javascript">
    $jq(document).ready(function() {
        $jq('#main-image-box').children().removeClass('facets').end().facets({
            control: 'ul#mainlevel',
            clipSpacing: 1,
            animationSpeed: 400,
            beforeMax: function(index) {
                $('#main-image-box .clip:eq('+index+') .container').show();
            },
            beforeMin: function(index) {
                $('#main-image-box .clip:eq('+index+') .container').hide();
            }
        });
    });
    </script>

<!-- SLIDER -->
    <script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
        <script type="text/javascript">

       (window).load(function(){
            ('#slider').nivoSlider();
        });
        </script>

正如您所看到的，我尝试过使用noconflict，但它不起作用，我该如何解决这个问题呢？

Answer 1

导航是否需要 1.4.2？如果有的话，我会感到惊讶。

所以只需摆脱旧版本，然后尝试一下。

Answer 2

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script>
var $jVersion7 = $.noConflict(true);
</script>

<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript">
var $jVersion4 = $.noConflict(true);
</script>

请注意，如果您使用的导航插件必须仅使用jQuery 1.4.2 ，那么选择新插件并处理旧版本将是一个好主意。

jQuery有很多插件。

使用多个jquery版本库

2 个答案: