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");  
    }); 
});