jquery对话框中的页面

时间:2016-11-20 17:31:48

标签: javascript php jquery html

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

2 个答案:

答案 0 :(得分:0)

解决此问题的正确方法

假设您需要弹出窗口或更具体的术语modal来编辑表单,您不应该有一个单独的html视图,但实际上使用ajax制作一般表单并发布数据。创建一个单独的页面就会失败。

现在假设你仍然希望有一个单独的页面。模态应该像

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

其中src包含您要打开的网页的网址,我猜是来自href。所以这是你在javascript中如何做到这一点

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

javascript会从href获取网址并替换模态中src标记中的iframe

希望这会有所帮助..

答案 1 :(得分:0)

您可以在没有提醒的情况下执行此操作,并且您不需要将href发送到jquery 使用fadeIn和一些风格来制作它。

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

<强> Fiddle DEMO 希望这能帮到你

无论如何,如果我想这样做,我更喜欢使用bootstrap模态。