我正在尝试在我的.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...
}
});
答案 0 :(得分:4)
更新html后,您必须再次添加触发器。我有同样的问题。
当你调用$(“#blah”)。jqmodal ...它会在.jqmodal类上设置触发器,以便在模态中加载你的内容。我假设你用ajax加载这些?如下所示:
$("#someDiv").jqModal({ajax:'@href'});
我对你的上述ajax代码感到有点困惑,这是否保存了你编辑过的项目?这通常不是一个获得,而是一个看跌期权。无论如何,看起来您使用更新的数据渲染表并替换现有数据。 之后
$( “myDiv”)HTML(结果);
你需要
$("#someDiv").jqmAddTrigger(".jqModal");
在编辑链接上再次添加触发器(假设您首先使用.jqModal)如果要粘贴一些html / ajax代码,我可以验证这一点。