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