javascript - 如何使 JQuery 窗口具有最小尺寸?

标签 javascript jquery html css jquery-ui

我一直在关注这个 jquery 演示,以便在我的网页上显示一个窗口。该演示可以在这里找到:http://jqueryui.com/dialog/#modal-message

我尝试创建的窗口如下所示:enter image description here

您会注意到该窗口出现在实际网页上,并且可以选择按 x 或“确定”按钮返回到实际网页。我想用我自己的窗口的外观和内容替换窗口的外观和内容,同时保留 x 和确定按钮的功能。我一直在查看一些文件,并且在更改窗口宽度时遇到了一些问题。我的问题是如何以屏幕尺寸或像素数的百分比设置窗口高度的宽度?我想要一个严格的窗口大小,以便它符合我想要做的事情的要求。我一直很难让它发挥作用。

这里是源代码: enter image description here

由于我把代码截图了,你也可以通过这个链接找到完整的源代码: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/

关于javascript - 如何使 JQuery 窗口具有最小尺寸?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31779190/

相关文章:

html - 为什么他们不赞成使用预格式化文本的宽度属性?

php - Image Carousel 后端 PHP Mysql

javascript - 为什么 onmouseover 有效,但 onkeydown 无效?

javascript - 具有异步订阅者功能的 RxJS Observable

jquery - 使用 Jquery 获取标签名称和第一个子数据

javascript - 为什么我的网站在 Safari 上向左移动?

javascript - 生成 2 个范围之间的日期 (js)

javascript [object Object] 到字符串

javascript - SVG D3 图像调整大小问题

javascript - JSON 输入意外结束 showNeg.js