Question

我对jquery很新，并且一直在研究我在网上发现的一些片段。我遇到了一个问题，因为我有2个不同的jquery库调用页面，2个函数都使用$（函数）导致页面不起作用。我已经尝试过使用no.conflict选项，但不确定我是否正确使用了这个或者错过了其他地方的东西。如果有人可以解释或告诉我解决方案是什么，将不胜感激？提前谢谢。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.revolution.js"></script>

</head>
<body>
<div id="overlay"></div>
<div id="container">

<div id="jstwitter"></div>

<script type="text/javascript" >
  $(function() { 
   $('#container').revolution(); 
    });
</script>
</body>


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="nested.jstwitter.js"></script>
<script type="text/javascript" src="automate.js"></script>
<script type="text/javascript" src="base.js"></script>
<script type="text/javascript">
$(function () {
    // start jqtweet!
    JQTWEET.loadTweets();
}); 
</script>

</html>

Answer 1

不知道为什么你需要两个版本，但你可以尝试这样的事情：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
var jQuery_1_10_2 = $.noConflict(true);
</script>

<script type="text/javascript" >
(function( $ ) {
    $('#container').revolution(); 
})( jQuery_1_10_2 );
</script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
var jQuery_1_8_2 = $.noConflict(true);
</script>

<script type="text/javascript" >
(function( $ ) {
    JQTWEET.loadTweets();
})( jQuery_1_8_2 );
</script>

Answer 2

你能不能把它们结合起来吗？

<script type="text/javascript"> 
$(function () {

    // Container Revolution
    $('#container').revolution(); 

    // start jqtweet!
    JQTWEET.loadTweets();

}); 
</script>

Jquery使用2个库和相同的函数冲突

2 个答案: