javascript - 灵活宽度居中模态窗口

标签 javascript jquery modal-dialog positioning

有谁知道一种方法可以让模态窗口弹出窗口具有灵活的宽度(例如屏幕宽度的%),并且始终居中,至少在调用它时是这样。

我打算用 js/jQuery 自己编写这个代码(通过一个可以发送最小宽度、百分比和最大宽度的函数),但我想知道预制的解决方案以避免重新发明轮子(特别是如果它们没有带有笨重的框架)。

现在我在 Windows 上使用 jqModal,我喜欢它的简单性

最佳答案

你尝试过jquery模式选项

对话框的宽度,以像素为单位。

$( ".selector" ).dialog({ width: 460 });

http://jqueryui.com/demos/dialog/#option-width

关于javascript - 灵活宽度居中模态窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7248576/

相关文章:

javascript - 如何使用 jquery 获取元素的索引具有特定的子元素?

javascript - jQuery 鼠标悬停淡入淡出效果

javascript - 带 Handlebars 的 #each 之外的变量

javascript - 如何从字符串中删除 span 标签?

java - 如何将 ActionListener 添加到模态 JDialog?

javascript - 关闭 jQuery 模态框

javascript - 检测移动浏览器和 javascript 支持

javascript - 使用 Firefox 插件的 Javascript 捕获浏览器屏幕(完整且可见)

jquery - 无法在 JQuery 视频插件上覆盖内容 - JQuery.videoBG

twitter-bootstrap - 使用 Bootstrap 在模态视图中看不到某些 DIV