Ajax 刷新弄乱了 jqModal 功能

Question

我正在尝试在 .net/mvc 应用程序中使用 jqModal 来执行简单的 jquery 模式弹出窗口。我有一个表格，其中列出了记录，并有一个“编辑”按钮来弹出一个模式对话框来进行编辑。当我提交时，我隐藏模式弹出窗口并使用 .ajax() 方法刷新下面列出的表格。

但是，现在当我单击“编辑”页面时，jqModal 不会触发，而是直接进入我的编辑页面（而不是模式弹出窗口）。

我尝试在 ajax 回调后重新注入 jqModal 脚本，但这也不起作用。任何帮助表示赞赏！

$.ajax(
{
    type: "GET",
    url: "HomePage/ViewTimelineFeatures",
    dataType: "html",
    success: function(result) {
            $("myDiv").html(result);
            // Now re-initialize jqModals here doesn't work...
        }
     });

Answer 1

更新 html 后，您必须再次添加触发器。我遇到了同样的问题。

当您调用 $("#blah").jqmodal... 时，它会在 .jqmodal 类上设置触发器以在模式中加载您的内容。我假设你用ajax加载这些？比如：

$("#someDiv").jqModal({ajax:'@href'});

我对你上面的ajax代码有点困惑，这是在保存你编辑过的项目吗？这通常不是 get，而是 put。不管怎样，看起来你用更新的数据渲染了表格并替换了现有的表格。
后

$("myDiv").html(结果);

您需要

$("#someDiv").jqmAddTrigger(".jqModal");

在编辑链接上再次添加触发器（假设您首先使用了 .jqModal），如果您想粘贴一些 html/ajax 代码，我可以验证这一点。