没有冲突导致其他jquery的问题

No Conflict causing issues with other jquery

本文关键字:jquery 问题 其他 冲突      更新时间:2023-09-26

所以我在几天前发布了一篇文章,试图帮助理解如何实现无冲突。感谢@tdanielcox对我的帮助。我正确地实现了它,但它似乎在实现无冲突之前正常工作的灯箱中引起了问题。

这是没有使用冲突的页面。

http://michaelcullenbenson.com/MichaelCullenBenson.com/index2.html

每个图像的灯箱处于悬停状态,点击放大镜

这个页面是在无冲突实现之前,并且有一个功能版本的lightbox,但是在底部的dribbble feed中断,没有冲突。

http://michaelcullenbenson.com/MichaelCullenBenson.com/index.html

如果我删除jquery 1.6.1,灯箱继续相应的功能。唯一与灯箱工作的jquery文件是(jquery. magnifica -popup.js),但不需要1.6.1 jquery库,所以我很困惑为什么它影响它。

这里的标记与jquery没有冲突。非常感谢你的帮助!我不知道我有多感激你。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

        <script type="text/javascript" src="js/jquery.innerfade.js"></script>

        <script type="text/javascript">
       $(document).ready(
                function(){
                    $('#news').innerfade({
                        animationtype: 'slide',
                        speed: 600,
                        timeout: 6000,
                        type: 'random',
                        containerheight: '1em'
                    });

            });
    </script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="utilcarousel-files/utilcarousel/jquery.utilcarousel.min.js"></script>
        <script src="utilcarousel-files/magnific-popup/jquery.magnific-popup.js"></script>
        <script src="js/responsive-nav.js"></script>


        <script>
            $(function() {

                $('#fullwidth').utilCarousel({
                    breakPoints : [[600, 1], [800, 2], [1000, 3], [1300, 4],],
                    mouseWheel : false,
                    rewind : true,
                    autoPlay : true,
                    pagination : false
                });
                $('#fullwidth2').utilCarousel({
                    breakPoints : [[600, 1], [800, 2], [1000, 3], [1300, 4],],
                    mouseWheel : false,
                    rewind : true,
                    autoPlay : true,
                    pagination : false
                });
            });
        </script>
   < script >     
        $(document).ready(function() {
var movementStrength = 25;
var height = movementStrength / $(window).height();
var width = movementStrength / $(window).width();
$("#aboutarea").mousemove(function(e){
          var pageX = e.pageX - ($(window).width() / 2);
          var pageY = e.pageY - ($(window).height() / 2);
          var newvalueX = width * pageX * -1 - 25;
          var newvalueY = height * pageY * -1 - 50;
          $('#aboutarea').css("background-position", newvalueX+"px     "+newvalueY+"px");
});
});
    </script>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  <script>var $j6 = jQuery.noConflict();</script>
    <script type="text/javascript" src="dribbble.js"></script>  
    <script type="text/javascript">
    $j6(function () {
        $j6('#user').dribbble({
            player: 'MCBDesign', 
            total: 1
        }); 
    });
    </script>

您试过var $j6 = jQuery.noConflict(true);吗?