jQuery對話框中的頁面

Question

我有dataTable的最后一列進行編輯。 我有一個單獨的頁面用於編輯表單。 我想要的是單擊編輯鏈接時在jQuery對話框中打開該頁面並提交數據。

Answer 1

解決此問題的正確方法

假設您要使用彈出窗口或更具體的術語modal來編輯表單，則不應為此設置單獨的html視圖，而應使用ajax實際上創建常規表單並發布數據。 創建單獨的頁面無法達到目的。

現在，假設您仍然想要一個單獨的頁面。 模態應該像

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

我想從href那里src包含您要打開的頁面的URL。 所以這是您將如何在javascript中進行的操作

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

javascript將從href獲取網址，並以模態替換iframe標簽中的src 。

希望這可以幫助..

Answer 2

您可以在沒有警報的情況下執行此操作，並且不需要使用hrefIn和某種樣式將href發送到jquery。

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

小提琴模擬演示希望對您有幫助

無論如何，如果我想這樣做，我更喜歡使用引導模態。