jQuery - 嵌套對話框3級

我想嵌套3個對話框。我想要做的是提供一個按鈕給用戶，他可以點擊。一旦他點擊，他會看到一個確認彈出窗口繼續進行該操作。他可以點擊「取消」恢復網站的正常瀏覽或點擊「是，確認」啓動另一個對話框，向他顯示一些細節和2個按鈕，即「打印」&「取消」。如果用戶點擊打印，它應該啓動打印預覽並從數據庫打印一些信息。如果他點擊「取消」，另一個彈出窗口應詢問他是否真的要取消打印。如果他點擊「是，取消打印」按鈕，它應該關閉第三和第二個彈出窗口，從而將他帶回到第一個彈出窗口。我怎樣才能實現這個功能。jQuery - 嵌套對話框3級

我提到了下面的帖子上，從而它具有無限的對話框彈出窗口，但我想在彈出窗口限制在2-3的水平：

Jquery UI modal dialogs

我怎樣才能達到所要求的功能，就編碼而言（因爲我是JS編碼的新手）？

所有幫助表示讚賞。謝謝。

來源

2011-11-01 Devner

這是一個簡單的示例，向您展示如何從另一個對話框調用新的對話框。您必須根據您的需求量身定製它。你可以嘗試這裏的工作代碼：http://jsbin.com/oyosiv

<html> 
<head> 
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script> 
</head> 
<body> 
<button id="b1">Open Dialogbox</button> 

<div id="d1" title="Dialog Box One" style="display: none"> 
    One! 
</div> 
<div id="d2" title="Dialog Box Two" style="display: none"> 
    Two! 
</div> 
<div id="d3" title="Dialog Box Three" style="display: none"> 
    Three! 
</div> 
</body> 

<script> 
$("#d1").dialog({ 
    autoOpen: false, 
    modal: true, 
    buttons: { 
     "Open Two": function() { $("#d2").dialog("open"); }, 
     "Cancel": function() { $(this).dialog("close"); } 
    } 
}); 

$("#d2").dialog({ 
    autoOpen: false, 
    modal: true, 
    buttons: { 
     "Open Three": function() { $("#d3").dialog("open"); }, 
     "Cancel": function() { $(this).dialog("close"); } 
    } 
}); 

$("#d3").dialog({ 
    autoOpen: false, 
    modal: true, 
    buttons: { 
     "Okay": function() { $(this).dialog("close"); } 
    } 
}); 

$("#b1").click(function(){ 
    $("#d1").dialog("open"); 
}); 

</script> 
</html>

來源

2011-11-01 19:33:35 gary

真棒！適合我！對此，我真的非常感激。接受＆Up'pd。謝謝youuuuuuuu ... – Devner

jQuery - 嵌套對話框3級

回答

相關問題