jQuery Mobile是一個流行的JavaScript框架，它為移動應用程序提供了許多組件和工具來簡化開發過程。其中之一是多層popup，這是一個非常有用的功能，可以在一個彈出窗口中嵌套另一個彈出窗口。

如果您想在應用程序中使用多層popup，您需要遵循幾個步驟。以下是一個簡單的示例，演示了如何使用jQuery Mobile創建多層popup。

<!--第一個popup-->
<div data-role="popup" id="popupParent">
<p>這是第一個popup</p>
<a href="#popupChild" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline">打開第二個popup</a>
<a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline" data-rel="back">關閉</a>
</div>
<!--第二個popup-->
<div data-role="popup" id="popupChild" data-position-to="window">
<p>這是第二個popup</p>
<a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline" data-rel="back">關閉</a>
</div>
<!--打開第一個popup-->
<a href="#popupParent" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline">打開第一個popup</a>

在上面的代碼中，我們定義了兩個popup，一個稱為popupParent，另一個稱為popupChild。popupParent中包含一個鏈接，可以打開popupChild。我們還定義了一個打開popupParent的鏈接。

要使用多層popup，您需要將嵌套popup的“data-rel”屬性設置為“popup”。這會告訴jQuery Mobile將popupChild視為popupParent的一個子項。您還可以使用“data-position-to”屬性來指定popup的定位，例如“window”或“origin”。

通過使用多層popup，您可以在無需離開頁面的情況下顯示多個層次的信息。它是一個非常方便的功能，可以大大提高用戶體驗。