jQuery Mobile 是一款優秀的移動端 Web 開發框架，它提供了豐富的 UI 組件和功能，方便開發者快速構建出優秀的移動端 Web 應用。在 jQuery Mobile 中，我們經常需要使用到 page 頁面，然而有些時候，我們需要隱藏一些 page 頁面，本文將介紹如何使用 jQuery Mobile 隱藏 page 頁面。 首先，我們需要了解 jQuery Mobile 中 page 頁面的基本結構。每個 page 頁面由一個 div 標簽包裹，并指定一個 data-role 屬性為 "page"，如下所示：

<div data-role="page">
<!-- 頁面內容 -->
</div>

在 jQuery Mobile 中，我們可以使用 CSS 的 display 屬性來控制頁面的顯示和隱藏。如果想讓一個 page 頁面隱藏，我們可以在 div 標簽添加一個 CSS 類名，例如 "hidden"，并定義其 display 屬性為 "none"，如下所示：

<div data-role="page" class="hidden">
<!-- 頁面內容 -->
</div>

這樣，頁面就會被隱藏起來，不會在瀏覽器中顯示。 同時，jQuery Mobile 還提供了一個更加方便的隱藏頁面的方法，可以使用 data-hide 屬性來指定需要隱藏的頁面 ID，如下所示：

<div data-role="page" id="page1" data-hide="true">
<!-- 頁面內容 -->
</div>
<div data-role="page" id="page2">
<!-- 頁面內容 -->
</div>

在上述代碼中，屬性 data-hide="true" 表示該頁面需要被隱藏，而 id 屬性為 "page2" 的頁面則會被顯示出來。 通過上述方法，我們可以輕松地實現頁面的隱藏和顯示，方便開發者根據具體需求進行頁面的管理和控制。