jquery 对话框中的页面答案

【问题标题】：page in jquery dialog boxjquery 对话框中的页面
【发布时间】：2016-11-20 17:31:48
【问题描述】：

我有最后一列要编辑的数据表。我有一个单独的页面用于编辑表单。我想要的是单击编辑链接时在 jQuery 对话框中打开该页面并提交数据。

【问题讨论】：

【解决方案1】：

解决这个问题的正确方法

假设您想要一个弹出窗口或更具体的术语modal 来编辑表单，您不应该为此创建一个单独的 html 视图，而是实际制作一个通用表单并使用 ajax 发布数据。创建一个单独的页面违背了这个目的。

现在假设您仍然希望为此创建一个单独的页面。模态应该像

<div class="modal">
    <iframe src="" id="frameSrc">
    </iframe>
</div>

src 包含您要打开的页面的 url，我猜来自 href。所以这就是你如何在 javascript 中做到这一点

$(this).on("click", function () {
    var editUri = $this.attr('href');
    document.getElementById('frameSrc').src = editUri;
});

javascript 将从 href 获取 url 并替换模态中 iframe 标记中的 src。

希望这会有所帮助..

【讨论】：

【解决方案2】：

您可以在没有警报的情况下执行此操作，并且不需要将 href 发送到 jquery 使用 fadeIn 和一些样式来制作它。

$('a#login').click(function(){
 $("#bgstyle").fadeIn('slow');
    $('form').fadeIn('slow');
    
})

Fiddle DEMO 希望对你有帮助

无论如何，如果我想这样做，我更喜欢使用引导模式。

【讨论】：