如何使 jQuery 弹出窗口比默认更宽?

发布于 2024-12-17 17:04:58 字数 316 浏览 1 评论 0原文

我正在这个测试页面上工作: http://www.problemio.com/test.php

如果单击登录链接,您可以看到它看起来漂亮整洁,并且适合默认宽度。

但是,如果您单击“创建配置文件”链接,您会发现弹出窗口太窄,无法容纳所有表单字段和文本。

我尝试通过为包含的 div 提供一些样式来使其更宽,如下所示,但这只会使 div 更宽,但不会使打开的弹出窗口更宽。

如何控制 jQuery 弹出窗口的样式和宽度/高度?谢谢!

I am working on this test page: http://www.problemio.com/test.php

If you click the login link, you can see that it looks nice and neat and fits into the default width.

But if you click on the create-profile link you can see that the popup is too narrow to fit all the form fields and text.

I tried making it wider by giving some style to the containing div like this but that only made the div wider, but not the popup that opens.

How can I control the styling and the width/height of the popup made by jQuery? Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

木緿 2024-12-24 17:04:58

您可以在参数中指定高度和宽度。

$( ".selector" ).dialog({ height: 530, width: 600 });

查看选项

You can specify the height and width in the arguments.

$( ".selector" ).dialog({ height: 530, width: 600 });

Take a look at the options.

追星践月 2024-12-24 17:04:58

您甚至可以通过转到“jqueryui.css”来更改默认宽度
并更改 .ui-dialog 的 width 属性

.ui-dialog { position: absolute; padding: .2em; width: XXXpx; overflow: hidden; }

,这样每次弹出对话框时都会减少 js 代码

you can even change the default width by going to "jqueryui.css"
and change the width property of .ui-dialog

.ui-dialog { position: absolute; padding: .2em; width: XXXpx; overflow: hidden; }

that's less js code everytime you pop a dialog

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文