Ajax刷新混乱jqModal功能

时间:2009-09-02 15:48:28

标签: ajax asp.net-mvc jqmodal

我正在尝试在我的.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...
        }
     });

1 个答案:

答案 0 :(得分:4)

更新html后,您必须再次添加触发器。我有同样的问题。

当你调用$(“#blah”)。jqmodal ...它会在.jqmodal类上设置触发器,以便在模态中加载你的内容。我假设你用ajax加载这些?如下所示:

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

我对你的上述ajax代码感到有点困惑,这是否保存了你编辑过的项目?这通常不是一个获得,而是一个看跌期权。无论如何,看起来您使用更新的数据渲染表并替换现有数据。 之后

  

$( “myDiv”)HTML(结果);

你需要

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

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