Javascript 分页WebGrid后脚本停止工作

Javascript 分页WebGrid后脚本停止工作,javascript,jquery,asp.net,Javascript,Jquery,Asp.net,所以我有部分视图的模态,其中是嵌套的WebGrid(用户可以选择的选项列表)和BeginForm(设置选择的值并发布)。我遇到了一个问题,我的模式窗口在分页后关闭,所以我被告知以这种方式编写代码-> 零件视图(模态): 在主视图中被称为: @Html.Action("_GetHarmingFactorPartial", "Health") 现在分页并没有关闭整个模式,用户单击按钮将值设置为beginForm字段,正如计划的那样。但在分页时,嵌套在我的主视图中的脚本停止工作,sellect_按钮

所以我有部分视图的模态,其中是嵌套的WebGrid(用户可以选择的选项列表)和BeginForm(设置选择的值并发布)。我遇到了一个问题,我的模式窗口在分页后关闭,所以我被告知以这种方式编写代码->

零件视图(模态):

在主视图中被称为:

@Html.Action("_GetHarmingFactorPartial", "Health")
现在分页并没有关闭整个模式,用户单击按钮将值设置为beginForm字段,正如计划的那样。但在分页时,嵌套在我的主视图中的脚本停止工作,sellect_按钮不起任何作用,因为在分页时,我在模式中得到了新的html。我试着把我的脚本放在每一个地方,但不管它是在我的部分视图中的部分脚本中,还是在页面的开头,它都无法工作

下面是脚本:

<script type="text/javascript">
    $(function () {
        $("#dialog").dialog({
            autoOpen: false,
            height: 400,
            width: 600,
            scrollable: false,
            show: {
                effect: "blind",
                duration: 1000
            }
        });
    });

    $(function () { 
        $(".select_bttn").click(function () {
            var nr = $(this).data('nr');
            var description = $(this).data('description');

            $("#Number").val(nr);
            $("#Desc").val(description);
        });
    });
</script>

$(函数(){
$(“#对话框”)。对话框({
自动打开:错误,
身高:400,
宽度:600,
可滚动:false,
展示:{
效果:“盲”,
持续时间:1000
}
});
});
$(函数(){
$(“.select_bttn”)。单击(函数(){
var nr=$(this.data('nr');
变量说明=$(this).data('description');
$(“#编号”).val(nr);
$(“#Desc”).val(说明);
});
});

如何解决该问题?

将按钮的单击事件逻辑替换为以下代码:

  $("body").on('click', '.select_bttn', function () {
    alert("Click fired");
    var nr = $(this).data('nr');
    var description = $(this).data('description');

    $("#Number").val(nr);
    $("#Desc").val(description);
});
<script type="text/javascript">
    $(function () {
        $("#dialog").dialog({
            autoOpen: false,
            height: 400,
            width: 600,
            scrollable: false,
            show: {
                effect: "blind",
                duration: 1000
            }
        });
    });

    $(function () { 
        $(".select_bttn").click(function () {
            var nr = $(this).data('nr');
            var description = $(this).data('description');

            $("#Number").val(nr);
            $("#Desc").val(description);
        });
    });
</script>
  $("body").on('click', '.select_bttn', function () {
    alert("Click fired");
    var nr = $(this).data('nr');
    var description = $(this).data('description');

    $("#Number").val(nr);
    $("#Desc").val(description);
});