可點擊單元格不調用onClick函數

Question

如何創建可觸發JavaScript函數的可單擊網格單元格？

我提供了這個作爲列 模板的模板：

'<a href="\\#" class="group-details-popup">#=groupRefId#</a>' 

，然後加入這樣的功能來搜索類，並添加一個點擊監聽器：

$(".group-details-popup", grid.tbody).on("click", function (e) { 
     // do something 
}); 

但我當我點擊單元格時，函數永遠不會被調用;單元格中的值確實顯示爲鏈接，但沒有事件被觸發。

Answer 1

我的猜測是，當您嘗試訪問grid.tbody時出現錯誤，因爲它未定義。你需要把它包在引號：

$(".group-details-popup", ".grid tbody").on("click", function (e) { 
     // do something 
}); 

我認爲grid以上是一類，你想處理程序綁定到類中tbody元素。否則，你的jQuery是罰款（假設你已經適當地包括它）：

http://jsfiddle.net/GwYcf/

Answer 2

試試這個..

$("a.group-details-popup").click(function() { 
    //your code here 
} 

Answer 3

這樣做，這樣：

$(".group-details-popup", grid.tbody).on("click", function (e) { 
     // do something 
}); 

這是相當於：

$(grid.tbody).find(".group-details-popup").on("click", function (e) { 
     // do something 
}); 

將grip事件處理程序附加到grip.tbody jQuery元素引用中的現有類「group-details-popup」。

爲了附加到一個尚不存在的元素，您需要將該事件處理程序附加到該元素的某個包裝中 - 一旦添加該元素就會保留該元素。一種選擇是「文檔」，但是如果您可以更精確地獲取某些內容，則文檔不是所需的容器，以便事件處理程序不必處理整個DOM以查找目標。你似乎有一個元素包裝，所以使用它。

$(grid.tbody).on("click", ".group-details-popup", function (e) { 
     // do something 
});