jQuery結合委託語句

Question

我在同一個JS文件的兩個地方有以下jQuery代碼;

$("#myGrid").delegate(".icon-right", "click", function() { 
//Some code 
}); 

$("#myGrid").delegate(".icon-down", "click", function() { 
//Some code 
}); 

所以DIFF被我聽去點擊圖標下/圖標右側的事件

是否可以優化/合併這2條語句？

$("#myGrid").delegate(".icon-right", "click", function() { 
    //Some code 
}).delegate(".icon-down", "click", function() { 
    //Some code 
}); 

---

使用.on()後

Answer 1

結合兩者的jQuery 1.7

Answer 2

是的，你可以這樣做：

$("#myGrid").delegate(".icon-right, .icon-down", "click", function() { 
    if(this.className === 'icon-right'){ // some code} 
    else if(this.className === 'icon-down'){ // some code} 
}); 

---

如果您正在使用jQuery 1.7+那麼你可以試試.on()與switch：

$("#myGrid").on("click", ".icon-right, .icon-down", function() { 
    switch(this.className){ 
     case 'icon-right': 
      //some code 
      break; 
     case 'icon-down': 
     // some code 
     break; 
    } 
}); 

Answer 3

請選擇比賽雙方：

$("#myGrid").delegate(".icon-right,.icon-down", "click", function() { 
    //Some code 
}); 

Answer 4

嘗試使用多重選擇器，

的所有元素相同的功能：

$("#myGrid").delegate('click','.icon-right,.icon-down', function(e){ 
}); 

不同不同元素的功能：

$("body").delegate('click','.icon-right,.icon-down', function(e){ 

    if  ($(this).is('.icon-right')) { } 
    else        { } 

});