2014-01-28 50 views
1

如何將jQuery作爲不同的命名var包含?我想引用具有不同變量的特定jQuery。包括jQuery作爲不同var

我知道包裝這樣的js文件..但如果我更新jQuery它需要總是這樣包裝。

(function ($) { 
    var blabla = something; 
})(someJquery); 

有沒有辦法做INT的方式,讓我輕鬆更新jQuery,而不是總是這樣包裝它?

例如

<script>someJquery</script> 
<script> 
#use this jquery as a var called jQuery2 
</script> 
+1

使用jQuery.noConflict() –

回答

2

挺直從jQuery.noConflict() docs

負荷的jQuery的兩個版本(不推薦)。然後,將jQuery的全局作用域變量恢復到第一個加載的jQuery。

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>jQuery.noConflict demo</title> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
</head> 
<body> 

<div id="log"> 
    <h3>Before $.noConflict(true)</h3> 
</div> 
<script src="//code.jquery.com/jquery-1.6.2.js"></script> 

<script> 
var $log = $("#log"); 

$log.append("2nd loaded jQuery version ($): " + $.fn.jquery + "<br>"); 

// Restore globally scoped jQuery variables to the first version loaded 
// (the newer version) 

jQuery2 = jQuery.noConflict(true); 

$log.append("<h3>After $.noConflict(true)</h3>"); 
$log.append("1st loaded jQuery version ($): " + $.fn.jquery + "<br>"); 
$log.append("2nd loaded jQuery version (jQuery2): " + jQuery2.fn.jquery + "<br>"); 
</script> 

</body> 
</html> 

輸出:

Before $.noConflict(true) 

2nd loaded jQuery version ($): 1.6.2 
After $.noConflict(true) 

1st loaded jQuery version ($): 1.10.2 
2nd loaded jQuery version (jq162): 1.6.2