Question

我的网站上有2个jQuery函数：一个fotoslider和一个Scrollit函数。但我只能使用一个功能，因为另一个功能不起作用。这取决于我放在底部的那个。

我几乎不了解jQuery，但我需要在我的网站上使用这些功能。

这里的功能是fotoslider，因为它位于底部。

HTML：

<link href="ppgallery/css/ppgallery.css" rel="stylesheet" type="text/css" />
<link href="ppgallery/css/dark-hive/jquery-ui-1.8.6.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js"></script> 
<script type="text/javascript" src="ppgallery/js/ppgallery.js"></script> 
<script type="text/javascript">
$(document).ready(function() {
    $('#gallery').ppGallery();
});

Scrollit功能的脚本文件：

$(function(){
  $.scrollIt();
});

$(document).ready(function() {  
    var stickyNavTop = $('#menu').offset().top;  

    var stickyNav = function(){  
        var scrollTop = $(window).scrollTop();  

        if (scrollTop > stickyNavTop) {   
            $('#menu').addClass('sticky');  
        } else {  
            $('#menu').removeClass('sticky');   
        }  
    };  

    stickyNav();  

    $(window).scroll(function() {  
        stickyNav();  
    });  
});

PS：Fotoslider是一个插件

Answer 1

使用jquery no-conflict

var $j = jQuery.noConflict();

现在你可以在你的jquery代码中使用$ j而不是$。

这些javascript库之间总是存在冲突的可能性。

如何使2个jQuery函数工作？

1 个答案: