DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 完美解決jQuery符號$與其他javascript 庫、框架沖突的問題
完美解決jQuery符號$與其他javascript 庫、框架沖突的問題
編輯:關於JavaScript     

目前有大量的 javascript 開發框架,其中有一部分使用 $ 作為調用符號,這可能導致相互之間的沖突,而 jQuery 為解決這個問題,可以在 jQuery 導入時放棄 $ 使用權,屆時 $ 則由其它框架使用,這樣可以避免相同名字的函數調用不再沖突。

jQuery 使用 noConflict 方法來放棄 $ 調用時的命名,之後由 jQuery 代替 $ 進行編寫。

例如:alert($('#message').val());

必須修改為 alert(jQuery('#message').val());

jQuery 才能正常運行。

<script src="other_lib.js"></script>
<script src="jquery.js"></script>
<script>
 $.noConflict();
 // 之後將只能用 jQuery 進行調用
 jQuery('#message').val();
</script>

也可以重新定義 $ 進行調用

<script src="other_lib.js"></script>
<script src="jquery.js"></script>
<script>
$.noConflict();
jQuery( document ).ready(function( $ ) {
 // Code that uses jQuery's $ can follow here.
});
// Code that uses other library's $ can follow here.
</script>

換成 j 作為調用符號

var j = jQuery.noConflict();
 
// Do something with jQuery
j( "div p" ).hide();
 
// Do something with another library's $()
$( "content" ).style.display = "none";

以上這篇完美解決jQuery符號$與其他javascript 庫、框架沖突的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved