没有jquery style \ classes的jquery对话框

时间:2011-02-27 17:15:11

标签: jquery css dialog modal-dialog

我有自己的样式表单,我想使用jQuery UI .dialog()来显示叠加层,并作为模态对话框。 问题是,jQuery强制执行自己的类和样式,例如:

ui-dialog ui-widget ui-widget-content

有没有一种简单的方法可以指示jQuery不要使用自己的css?

谢谢!

3 个答案:

答案 0 :(得分:2)

这些类是通过JS捆绑的CSS首先驱动弹出窗口。

JQuery UI使用这些类来保持对话窗口的显示和可见性。

如果您想要更改样式,那么最好更新CSS,如果这是您尝试做的事情。如果要重新使用站点中其他位置的UI样式,请更新自己的CSS以覆盖CSS样式。

答案 1 :(得分:0)

但是,如果您确实需要删除类,则可以将另一个函数绑定到窗口打开后调用的对话框打开函数。

$( ".selector" ).dialog({
  open: function(event, ui) { ... }
});

开放是你应该能够写另一个功能的地方。

答案 2 :(得分:0)

为dialogClass(http://jqueryui.com/demos/dialog/#option-dialogClass)初始化.dialog()时有一个选项,允许您为其他主题添加类。但是,我不建议删除jQuery UI添加的类,实际上如果你想让对话框看起来不同,你应该重新设置你的jquery.ui.css样式。