AJAX jQuery UI模式對話框

編輯添加@ alistair-laing建議的解決方案。）在閱讀this post回覆@jek後，我可以在我的頁面上創建多個鏈接，以便通過URL傳遞一個id變量，以便對話框的內容可以實時加載。但是，我真的希望這是一個模態對話框：（編輯成包括修復;注：原來的劇本是在連接到上面的帖子，我所做的就是打破它）AJAX jQuery UI模式對話框

$(function(){ 
    $('a.ajax').click(function() { 
    var url = this.href; 
    var dialog = $('<div style="display:none"></div>') 
    .appendTo('body') 
    // load remote content 
    dialog.load(
    url, 
    {}, 
    function (responseText, textStatus, XMLHttpRequest) { 
     dialog.dialog({ 
     modal: true, 
     width: 500 
     }); 
    } 
    ); 
    //prevent the browser to follow the link 
    return false; 
}); 
});

來源

2011-09-16 Blll P

安靜幾件事情。嘗試將您的第一個.dialog中的內容移動到您作爲.load回調一部分調用的第二個.dialog中。你所做的是創建對話框，然後將內容注入到對話框中，然後再次調用它。您還可以刪除autoOpen，以便打開包含內容的對話框。 –

謝謝，這是做到了。 –

沒問題。看到你是一個新用戶，你能否將我的評論標記爲好評，並將你的問題作爲回答。 –

安靜了幾的東西。嘗試將您的第一個.dialog中的內容移動到您作爲.load回調一部分調用的第二個.dialog中。你所做的是創建對話框，然後將內容注入到對話框中，然後再次調用它。您還可以刪除autoOpen，以便打開包含內容的對話框。

來源

2011-09-22 07:44:32

AJAX jQuery UI模式對話框

回答

相關問題