相关疑难解决方法(0)

我有一个具有以下布局的视图 父视图由几个PartialView组成.其中一个是一个列表,其中每个项目都有一个相应的Edit按钮,该按钮将项目加载到另一个PartialView中,但是这是通过ajax加载到模态引导对话框中.

通过点击编辑按钮部分视图在模式对话框中加载没有问题,但在提交对话框之后,编辑按钮停止以触发事件并且模态不再被加载,我的意思是,编辑按钮的单击处理程序停止工作.

我相信这是因为在发布modal im ajax后重新加载包含Edit按钮的List Partial View,所以我需要重新绑定事件.但通过这样做,它会在编辑点击事件和模态表单提交之间形成一个循环调用？

父视图中的脚本:

$(".btn.mylink").on("click", function () {            
            var id = $(this).data('id');
            var url = "/SalidaDetalle/Edit/" + id;            
            $.get(url, function (data) {
                $(".modal-body").html(data);
                $('#myModal').modal('show');

                $(".edit-detail").on('submit', function () {
                    $.post($(this).attr('action'),
                    $(this).serialize(), 
                    function (data, status) {                        
                        $('#myModal').modal('hide');
                        $("#details").html(data);

                    }).error(function (error, status, a, b) {
                        writeError('msgError', 'Error processing request. Please check errors and try again!');
                        $('.modal-body p.body').html(error.responseText);

                    });
                    return false;
                });

            });
        });

注意:这个问题是有关这一个