在 HTML 網頁中以排序方式顯示資料是一項繁瑣的任務。對話方塊用於在網頁中以可呈現的方式顯示資訊。對話框是一個可浮動窗口,其中包含標題和內容。 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 加入到