Javascript 回发后jQuery函数不起作用

第一次工作的代码。我试图在

复选框列表

“elemets”中加粗文本，但在

回发

（提交按钮）后，加粗文本的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' })
    });
});              

$（文档）.ready（函数（）{
var isPostback=$（“#”）val（）==“isPostback”；
$（“[id^=cbBold_237;]”）.css（{'font-weight'：'bold'}）
如果（！isPostback）
$（“#ddl权限”）.hide（）；
$（“[id*=CbList]”。单击（函数（）{
var show=false；
$（“#ddl权限”）.hide（）；
$（“[id*=CbList]输入：选中”）。每个（函数（）{
show=true；
});
如果（显示）
$（“#ddl权限”）.show（）；
});
var prm=Sys.WebForms.PageRequestManager.getInstance（）；
prm.add_endRequest（函数（）{
$（“[id^=cbBold_237;]”）.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>

$（文档）.ready（函数（）{
系统应用程序添加加载（函数（）{
var isPostback=$（“#”）val（）==“isPostback”；
$（“[id^=cbBold_237;]”）.css（{'font-weight'：'bold'}）
如果（！isPostback）
$（“#ddl权限”）.hide（）；
$（文档）。在（'click'，'id*=CbList]'上，函数（）{
var show=false；
$（“#ddl权限”）.hide（）；
$（“[id*=CbList]输入：选中”）。每个（函数（）{
show=true；
});
如果（显示）
$（“#ddl权限”）.show（）；
});
var prm=Sys.WebForms.PageRequestManager.getInstance（）；
prm.add_endRequest（函数（）{
$（“[id^=cbBold_237;]”）.css（{'font-weight'：'bold'}）
});
});
});

在编辑OP之前添加了以下内容，重点是代码中的其他错误：

<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>

---

更改：

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

致：

这被称为授权

---

此外，由于从外观上看您使用的是C#，因此您还可以尝试在document ready函数内的代码中添加以下内容，例如：

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

---

调试时，它在何处/如何具体失败？您需要在prm上重新绑定jQuery事件。为

$（“[id*=CbList]”）添加_endRequest（）。单击（函数（）{

，将其更改为

$（文档）。在（'click'，“[id*=CbList]”上，函数（）{

看看这是否有效。这被称为委派。这看起来像是2012年的一个重复问题：您是否使用了

UpdatePanel

？