如何使jquery对话框与themeroller主题配合使用？ [英] How do I make the jquery dialog work with the themeroller themes?

问题描述

我正在尝试从jquery UI的对话框。所有在线演示使用flora.css。
我无法让对话框正确显示 themeroller 生成的css文件应用。
我错过了什么吗？这些东西是否可以开箱即用？

更新：谢谢Brock。当我清理代码做一个示例时，我意识到，在 demo.html （与themeroller.zip一起提供）中的HTML有点太冗长了。
所有我需要做的是给对话框div属性 class =ui-dialog像这样：

 < div id =SERVICE03_DLGclass =ui-dialog>请输入< br>< br> 
< label for =something> somthing：< / label>& nbsp;< input name =somethingid =somethingtype =textmaxlength =20size = 24 > 
< / div> 
  

我会接受你的答案。感谢你的时间。

解决方案

我认为这是因为你有不同的课程。

 < div id =SERVICE03_DLGclass =flora> （flora）
< div id =SERVICE03_DLGclass =ui-dialog> （定制）
  

即使有植物主题，你仍然会使用 ui -dialog 将它定义为一个对话框。

我以前做过模态，从来没有在标签中定义一个类。 jQueryUI应该照顾你。

尝试摆脱类属性或使用 ui对话框课程。

I am trying out the dialog from jquery UI. All the online demos use flora.css. I can't get the dialog to display correctly with the css file generated by the themeroller application. Am I missing something? Should these things work out of the box?

Update: Thanks Brock. When I cleaned up my code to make a sample, I realized that the HTML in demo.html (that comes with the themeroller.zip) is a little too verbose. All I needed to do was give the dialog div the attribute class="ui-dialog" like this:

<div id="SERVICE03_DLG" class="ui-dialog">please enter something<br><br>
<label for="something">somthing:</label>&nbsp;<input name="something" id="something" type="text" maxlength="20" size="24">
</div>

I'll accept your answer. Thanks for your time.

解决方案

I think it is because you have the classes different.

<div id="SERVICE03_DLG" class="flora"> (flora)
<div id="SERVICE03_DLG" class="ui-dialog"> (custom)

Even with the flora theme, you would still use the ui-dialog class to define it as a dialog.

I've done modals before and I've never even defined a class in the tag. jQueryUI should take care of that for you.

Try getting rid of the class attribute or using the ui-dialog class.

这篇关于如何使jquery对话框与themeroller主题配合使用？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！