1

我有一个滑块和一个导航栏，都需要使用不同的 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 但它不起作用，我该如何解决这个问题？

4

2 回答 2

2

导航需要1.4.2吗？？如果确实如此，我会感到惊讶。

因此，只需摆脱旧版本，然后尝试一下。

于 2012-09-13T00:25:48.933 回答
0 
<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 ONLY，最好选择一个新插件并处理旧版本。

jQuery 有很多插件。

于 2012-09-13T00:26:53.207 回答