在现有 div 中包含 jquery ui 对话框

发布于 2024-12-27 06:57:12 字数 389 浏览 0 评论 0原文

我有一个对话框,我想将其包装在 div 中,如下所示。

<div class="myClass">
    <div id="dialog"></div>
</div>

我的所有 CSS 规则都将 .myClass 作为选择器中的父项:

.myclass .....

当我调用 JQuery 对话框时,

$( "#dialog" ).dialog({})

它会将 id=dialog div 作为其自己的 div 放置在我的标记底部,而不是放在 .我的班级分区。如何将对话框包装在 .myclass div 中?

I have a dialog that I want wrapped in a div like so.

<div class="myClass">
    <div id="dialog"></div>
</div>

All of my CSS rules have .myClass as a parent in the selector:

.myclass .....

When I call my JQuery dialog

$( "#dialog" ).dialog({})

it places the id=dialog div as its own div at the bottom of my tag, not inside the .myclass div. How can I wrap the dialog in a .myclass div?

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

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

发布评论

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

评论(2

半衬遮猫 2025-01-03 06:57:12

是的,你不能那样做。让 jquery 做它的事情。你应该关注里面的内容。

反之亦然:

<div id="dialog">
   <div class="myClass">
   </div>
</div>

你可以随意修改里面的内容。至于外面的 ui,已经主题化的对话框,您应该简单地覆盖 css 规则。嗯,这是最简单的方法。

Yea, you can't do it that way. Let jquery do its thing. You should focus on the content inside.

How about the other way around:

<div id="dialog">
   <div class="myClass">
   </div>
</div>

You can modify the content inside as you wish. As far as the ui outside, the dialog box that has been themed you should simply overwrite the css rules. Well that is the easiest way.

蓝礼 2025-01-03 06:57:12

你真的需要这样做吗?为什么不保留您的 dialog id,并为其添加一个类呢?

Do you really need to do that? Why don't you keep your dialog id, and just add a class to it as well?

<div id="dialog" class="whatever"></div>

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