欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery無沖突模式詳解

 更新時間:2019年01月17日 16:18:00   投稿:laozhang  
在本篇文章里小編給大家分享了關于jQuery無沖突模式知識點分析內容,需要的朋友們可以學習下。

解決沖突的方法:

在jQuery中解決沖突的方法是noConflict()方法,這個方法將$標識符的控制權返回給其他JavaScript庫

如以下示例中的jQuery代碼將在將jQuery加載到頁面后立即將其置于無沖突模式,并分配新的變量名稱$j以替換$別名,以避免與原型框架沖突。詳細代碼如下:

// 為jQuery定義新的名字
var $j = jQuery.noConflict();
$j(document).ready(function(){
  // 單擊demo時彈出對話框
  $j("#demo").click(function(){
    alert("這是jQuery的新定義");
  });
});
 
//原型框架代碼
document.observe("dom:loaded", function(){
  // 點擊demo1顯示彈出框
  $(demo1).observe('click', function(event){
    alert("原型與jQuery一起正常運行");
  });
});

效果圖如下:

但是,如果不想為jQuery定義另一個快捷方式不想修改現(xiàn)有的jQuery代碼或者是覺得$在jQuery中節(jié)省了不少時間而且易于使用,那么我們可以使用另一種方法來代替

我們可以將$作為參數(shù)傳遞給jQuery(document).ready()函數(shù)

// 為jQuery定義新的名字
jQuery.noConflict();
jQuery(document).ready(function($){
  // The dollar sign in here work as an alias to jQuery
  $("#demo").click(function(){
    alert("jQuery正在正常工作");
  });
});
 document.observe("dom:loaded", function(){
 $(demo1).observe('click', function(event){
    alert("jQuery與原型一起正常使用");
});
});

效果圖:

注意:

避免沖突的上述解決方案依賴于在加載prototype.js之后加載jQuery。但是如果在其他庫之前包含jQuery,則可以在jQuery代碼中使用全名,以避免沖突而不調用jQuery.noConflict()。但在這種情況下,$將具有在其他庫中定義的含義

總結:以上就是本篇文章的全部內容了,希望對大家有所幫助

相關文章

最新評論