jQuery功能在回發之後不起作用

Question

第一次運行的代碼。我想大膽的文字在checkboxlist「elemets」，但postback（提交按鈕）jQuery的功能後，大膽的文本不工作了

$(document).ready(function() { 
    var isPostback = $("#<%=hdnIsPostback.ClientID%>").val() === "ispostback"; 

    $("[id^=cbBold_]").css({ 'font-weight': 'bold' }) 
    if (!isPostback) 
     $("#ddlPermissions").hide(); 

    $("[id*=CbList]").click(function() { 
     var show = false; 
     $("#ddlPermissions").hide(); 
     $("[id*=CbList] input:checked").each(function() { 
      show = true; 
     }); 
     if (show) 
      $("#ddlPermissions").show(); 
    }); 

    var prm = Sys.WebForms.PageRequestManager.getInstance(); 

    prm.add_endRequest(function() { 
     $("[id^=cbBold_]").css({ 'font-weight': 'bold' }) 
    }); 
});    

代碼更新：

<script> 
    $(document).ready(function() { 
     Sys.Application.add_load(function() { 
      var isPostback = $("#<%=hdnIsPostback.ClientID%>").val() === "ispostback"; 

      $("[id^=cbBold_]").css({ 'font-weight': 'bold' }) 
      if (!isPostback) 
       $("#ddlPermissions").hide(); 

      $(document).on('click', '[id*=CbList]', function() { 
       var show = false; 
       $("#ddlPermissions").hide(); 
       $("[id*=CbList] input:checked").each(function() { 
        show = true; 
       }); 
       if (show) 
        $("#ddlPermissions").show(); 
      }); 

      var prm = Sys.WebForms.PageRequestManager.getInstance(); 

      prm.add_endRequest(function() { 
       $("[id^=cbBold_]").css({ 'font-weight': 'bold' }) 
      }); 
     }); 
    }); 
</script> 

Answer 1

您重點放在別的東西，是你的代碼錯誤編輯您的OP前加入以下內容：

---

變化：

$("[id*=CbList]").click(function() { 

到：

$(document).on('click', '[id*=CbList]', function() { 

這被稱爲委託。

---

而且，由於使用的是C＃，從外觀上來看，你也可以嘗試加入以下代碼文檔準備函數內部，如：

$(document).ready(function(){ 
    Sys.Application.add_load(function() { 
     [ALL YOUR CODE HERE] 
    }); 
});