ASP.Net中的JQuery自定義事件用戶控件

Question

我有一個包含一些複選框的ASP.Net用戶控件，並且我想在單擊其中一個複選框時使用JQuery從用戶控件中引發一個事件。這裏是jQuery代碼在用戶控制，其中我試圖引發事件：

  $(document).ready(function() { 
      $(':checkbox').click(function(){ 
       $('#hfRemainingInstalls').trigger('CheckBoxClicked'); 
      }); 
     }); 

，這裏是jQuery代碼中包含ASPX頁面，在這裏我想訂閱事件：

  $(document).ready(function() { 
       $("p").bind('CheckBoxClicked', function(e) {  
       alert("checkbox clicked");  
      }); 
      }); 

我從未看到我的警報，當我點擊其中一個複選框。任何人都知道這裏可能是什麼問題？

Answer 1

我相信你有一個ID的問題。位於容器元素（如UserControls和MasterPages）內部的ASP.NET控件在呈現時，會在id屬性前加上一些垃圾來確保唯一性。它通常是像「ctl01_01_YourID」這就是說，你可能應該使用jQuery的endsWith選擇...

$('input[id$=hfRemainingInstalls]').trigger('CheckBoxClicked'); 

下面將提醒「真」如果元素被發現......

alert($('#hfRemainingInstalls').length > 0); 

Answer 2

所以是有ID標籤P和標識hfRemainingInstalls

1之間的關係：解決方案

$(':checkbox').click(function(){ 
    $("p").trigger('CheckBoxClicked'); 
}); 

$(document).ready(function() { 
    $("p").bind('CheckBoxClicked', function(e) {  
    alert("checkbox clicked");  
    }); 
}); 

2：解決方案

$(':checkbox').click(function(){ 
    $("#hfRemainingInstalls").trigger('CheckBoxClicked'); 
}); 

$(document).ready(function() { 
    $("#hfRemainingInstalls").bind('CheckBoxClicked', function(e) {  
    alert("checkbox clicked");  
    }); 
});