在 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 添加到