为了在我的网页上显示一个窗口,我一直在关注这个jquery演示。演示可以在这里找到:http://jqueryui.com/dialog/#modal-message
我试图创建的窗口如下:
您会注意到窗口出现在实际网页上,可以选择按x键或“确定”按钮返回实际网页。我想用自己的窗口替换外观和内容,同时保留x和ok按钮的功能。我翻了一些文件,在改变窗口宽度时遇到了一些问题。我的问题是如何根据屏幕大小或像素数的百分比设置窗口高度的宽度?我想有一个严格的窗口大小,以便它能满足我所做的工作的要求。我一直很难让这个工作。
以下是源代码:
由于我截取了代码的屏幕截图,您还可以通过以下链接找到完整的源代码:http://jqueryui.com/dialog/#modal-message
我查看了一些依赖项文件,如jquery.js和jquery-ui.js,但找不到需要更改的代码行,无法断言窗口的特定宽度和不可更改的宽度。我还查看了.css文件,但没有找到任何运气。如果有人知道怎么做,我将非常感激。谢谢。
最佳答案
$( "#dialog-message" ).dialog({
width: 500
});
这将在初始化时设置您的特定宽度。jQuery UI API引用包含此小部件的所有可用选项http://api.jqueryui.com/dialog/