HTML打開層疊對話框

我不是很熟悉Javascript和JQuery，我想知道我想做什麼是可能的。HTML打開層疊對話框

我有一個主要的HTML頁面。從中，我創建並如下顯示一個對話框：

function createBox(id) 
{ 
    wk= executeAjax("#myBox1","proc1.php",myParms); 
    $("#myBox1").dialog("option", "height", 400); 
    $("#myBox1").dialog("option", "width", 600); 

    $("##myBox1").dialog("option", "title", id); 
    $("#myBox1".dialog("open");

}

這工作得很好，正確地創建和顯示我的對話窗口。

我想知道是否可以從這個對話窗口中創建並顯示另一個對話窗口？可能沒有關閉前一個。等等（級聯窗口...）。

如果是這樣，該怎麼辦？因爲我試圖得到以下消息：

錯誤：無法在初始化之前調用對話框上的方法;試圖調用方法'打開'

如果可能的話，例如將非常感激。

來源

2014-11-23 Gerard Martinelli

此相關的問題可以幫助你： [如何創建使用jQuery UI層疊的對話框？] [1] [1]：http://stackoverflow.com/questions/17116285/如何做我創建級聯對話框框使用jquery-ui – twity1337 2014-11-23 17:16:40

你能寫英文嗎？ – twity1337 2014-12-02 22:43:19

是的，這是可能的，JQueryUI文檔支持這個概念。以下是兩個同時打開的對話框的示例。你需要三個，所以你必須在按鈕上實現一個點擊功能，你需要把這個相同的代碼放到那個函數中。 JQuery負責其餘部分。

$("#dialog-message").dialog({ 
    modal: true, 
    draggable: true, 
    resizable: false, 
    position: ['center', 'top'], 
    show: 'blind', 
    hide: 'blind', 
    width: 400, 
    dialogClass: 'ui-dialog-osx', 
    buttons: { 
     "I've read and understand this": function() { 
      $(this).dialog("close"); 
      } 
     } 
    }); 

    $("#dialog-message2").dialog({ 
    modal: true, 
    draggable: true, 
    resizable: false, 
    position: ['center', 'top'], 
    show: 'blind', 
    hide: 'blind', 
    width: 400, 
    dialogClass: 'ui-dialog-osx', 
    buttons: { 
     "I've read and understand this": function() { 
      $(this).dialog("close"); 
     } 
    } 
});

開始先取出AJAX調用只是爲了讓它運行，然後放在AJAX調用，並告訴我們發生了什麼事情。

來源

2014-12-01 11:31:40

HTML打開層疊對話框

回答

相關問題