首頁 > web前端 > css教學 > 如何使用 CSS 消除 jQuery UI 對話框中的關閉按鈕?

如何使用 CSS 消除 jQuery UI 對話框中的關閉按鈕?

PHPz
發布: 2023-09-17 10:01:02
轉載
1566 人瀏覽過

如何使用 CSS 消除 jQuery UI 对话框中的关闭按钮?

在 HTML 網頁中以排序方式顯示資料是一項繁瑣的任務。對話方塊用於在網頁中以可呈現的方式顯示資訊。對話框是一個可浮動窗口,其中包含標題和內容。 jQuery UI 讓開發人員能夠為網站建立簡單且使用者友好的對話框。在本文中,我們將討論如何建立 jQuery UI 對話方塊以及如何消除這些方塊中的關閉按鈕。

首先,讓我們來了解一下 jQuery UI 對話框。

jQuery UI 對話框

jQuery Dialog() 方法使開發人員能夠在視口中建立一個簡單的對話框窗口,該窗口不受頁面內容的影響。 dialog() 方法用來告訴瀏覽器任何HTML元素都可以以對話方塊的形式顯示。它由標題列和內容空間組成。預設情況下,可以透過關閉按鈕 (x) 進行移動、調整大小和刪除。

文法

$(selector, context).dialog (options);
登入後複製

參數

  • 標題 # 它讓開發人員能夠決定對話方塊中顯示的標題。

  • #寬度- 它使開發人員能夠決定對話方塊的寬度。

  • 位置- 它使開發人員能夠決定對話方塊的初始位置。

  • 高度- 它使開發人員能夠決定對話方塊的高度。

  • 按鈕- 用於對話方塊新增按鈕。

  • Max-height - 決定對話框的最大高度

  • Max-width - 決定對話方塊的最大寬度

  • #Min-height - 決定對話方塊的最小高度

  • #Min-width - 決定對話方塊的最小寬度

  • #Appendto - 將此選項設為 false 時,它使我們能夠阻止 UIdraggable 類別新增到 HTML DOM 元素清單中。

  • 自動開啟- 將此選項保留為 true 時,對話方塊將在建立後立即開啟。如果為 false,則呼叫時會開啟對話方塊。

應遵循的步驟

以下是建立 JQuery 對話方塊應遵循的步驟。

第 1 步 - 將 jQuery 和 jQuery UI CDN 加入到

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板