无法一起使用两个滑块

时间:2014-11-24 11:58:24

标签: jquery html slider

我正在为我的网页使用两个滑块,但一次只能运行一个,我希望它们同时工作,一次两个,这里是两个滑块的链接

1:http://cssglobe.com/lab/easyslider1.5/05.html 2:http://www.queness.com/resources/html/slideshow/jquery-slideshow.html

我看到他们的源代码并将其应用到我的页面上,但一次只能运行一个,他们都在js文件夹中使用jquery文件,我已经包含了源代码中给出的所有必需文件但没有给出所需的结果有任何人对此有任何想法请在此分享感谢提前

1 个答案:

答案 0 :(得分:0)

尝试使用 IIFE 语法:

(function($){
   $(function(){
      // code for first slider here
   });
})(jQuery);

(function($){
   $(function(){
      // code for second slider here
   });
})(jQuery);

或者你想看看@ jQuery.noConflict()


更新您的最新评论:

当你使用两个jQuery库时,你应该这样做 -

<script src="jquery-1.3.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $ = jQuery.noConflict(true); // <---important to pass the true boolean
    // here your slider code
</script>

<script src="jquery-1.11.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $ = jQuery.noConflict(true); // <---important to pass the true boolean
    // here your show/hide code
</script>