JQuery UI对话框显示没有应用任何样式

时间:2011-07-12 11:00:47

标签: javascript jquery css

我使用了这里的例子http://jqueryui.com/demos/dialog/#animated来创建一个对话框。问题是它是透明的,没有任何风格。此外,当我再次点击按钮时,它永远不会显示。怎么了?

我使用此代码使用JQuery -

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>

2 个答案:

答案 0 :(得分:6)

您还需要包含jQuery UI样式表。可以在此处找到默认值:https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/smoothness/jquery-ui.css

有多种主题供您选择,您可以使用其中一种预定义或使用聪明的jQuerryUI Themeroller制作您自己的主题。

答案 1 :(得分:0)

如上所述:

如果您因任何原因而不想使用Google CDN(离线开发,无论如何),那么jqueryui.com将允许您只使用必要的位来滚动您自己的UI代码版本(使用依赖性检查)和你选择的主题。