jQuery简单插件冲突

我正在开发简单的网站，并在本网站上我有菜单，它正在与jQuery和图像滑块工作与jQuery也。这是我的导入脚本和css的代码：jQuery简单插件冲突

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"> </script> 
<link rel="stylesheet" type="text/css" href="css/jquery.slider.css" /> 
<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript" src="js/jquery.slider.min.js"></script> 

<!--[if IE 6]> 
<link rel="stylesheet" type="text/css" href="js/slider/themes/carbono/jquery.slider.ie6.css" /> 
<![endif]--> 
<script type="text/javascript"> 
jQuery(document).ready(function ($) { 
    $(".slider").slideshow({ 
     width: 794, 
     height: 294, 
     transition: 'bar' 
    }); 
}); 

$(document).ready(function() { 
    $('#menu a').mouseover(function() { 
     $(this).switchClass('normal', 'active', 50, 'easeOutBounce', function() {}); 
    }); 
}); 
$(document).ready(function() { 
    $('#menu a').mouseleave(function() { 
     $(this).switchClass('active', 'normal', 50, 'easeOutBounce', function() {}); 
    }); 
}); 
</script>

在这种情况下，只有滑块正在工作。这个脚本不起作用：

$(document).ready(function() { 
    $('#menu a').mouseover(function() { 
     $(this).switchClass('normal', 'active', 50, 'easeOutBounce', function() {}); 
    }); 
}); 
$(document).ready(function() { 
    $('#menu a').mouseleave(function() { 
     $(this).switchClass('active', 'normal', 50, 'easeOutBounce', function() {}); 
    }); 
});

是什么原因，我该怎么处理它？

来源

2013-04-06 Łukasz Wróblewski

http://stackoverflow.com/questions/3420517/resolving-conflict-between-multiple-jquery-files – zkanoca 2013-04-06 13:52:48

主题关闭。解决：） – 2013-04-06 13:55:52

我也遇到了同样的问题

我的代码就像下面

... 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script type="text/javascript" src="jcobb-slider/js/bjqs-1.3.min.js"></script> 
<link rel="stylesheet" href="jcobb-slider/bjqs.css" /> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> 
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> 
...

我想使用一个jQuery的图像滑块或jQueryUI的标签在同一页上的内容。

而我所做的是在这里：

<script type="text/javascript" language="javascript" class="secret-source"> 

       $.noConflict(); 

       jQuery(document).ready(function ($) { 

        $('#banner-fade').bjqs({ 
         height: 280, 
         width: 570, 
         responsive: true 
        }); 

        $("#tabs").tabs(); //jQuery UI Tabs 

       }); 

      </script>

然后现在的工作。

来源

2013-04-06 13:56:03 zkanoca

jQuery简单插件冲突

回答

相关问题