Javascript Jquery使用2个库和相同的函数时发生冲突_Javascript_Jquery

Javascript Jquery使用2个库和相同的函数时发生冲突

javascript jquery

Javascript Jquery使用2个库和相同的函数时发生冲突,javascript,jquery,Javascript,Jquery,我对jquery非常陌生，一直在编写一些我在网上找到的代码片段。我遇到了一个问题，我想是因为我有两个不同的jquery库被调用到页面，两个函数都使用$（function）导致页面无法工作。我尝试过使用no.conflict选项，但不确定是否正确使用了该选项，或者在其他地方遗漏了什么。如果有人能解释或告诉我解决方案，我会很感激的？提前谢谢 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js

我对jquery非常陌生，一直在编写一些我在网上找到的代码片段。我遇到了一个问题，我想是因为我有两个不同的jquery库被调用到页面，两个函数都使用$（function）导致页面无法工作。我尝试过使用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>


$（函数（）{
$（“#容器”）.revolution（）；
});
$（函数（）{
//启动jqtweet！
JQTWEET.loadTweets（）；
});

你能不能把它们合并起来

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

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

    // start jqtweet!
    JQTWEET.loadTweets();

}); 
</script>


$（函数（）{
//集装箱革命
$（“#容器”）.revolution（）；
//启动jqtweet！
JQTWEET.loadTweets（）；
});

不知道为什么需要两个版本，但您可以尝试以下方法：

<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>


var jQuery_1_10_2=$.noConflict（true）；
（函数（$）{
$（“#容器”）.revolution（）；
})（jQuery_1_10_2）；
var jQuery_1_8_2=$.noConflict（true）；
（函数（$）{
JQTWEET.loadTweets（）；
})（jQuery_1_8_2）；

你不应该打两次电话给它，这没有意义，它可能会导致各种各样的问题-请解释一下你为什么这么做？以及为什么它们是不同的版本，最好在同一页面上为不同版本的jquery使用限定名称。请查看一下，如果可以使用

1.10.2

初始化

revolution.js

和

nested.jstwitter.js

，那么也可以删除

jquery-1.8.2

。如果不是，则对不同版本的jquery使用限定名称来解决冲突。