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

JQuery UI dialog shows without any styles applied

本文关键字：任何样式应用 UI 对话框显示 JQuery 更新时间：2023-09-26

我使用这里的示例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>

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

有许多主题可供选择，您可以使用预定义的主题之一，也可以使用聪明的jqueryi Themeroller创建自己的主题。

如上所述:

如果你不想使用谷歌CDN的任何原因(离线开发，无论如何)，那么jqueryui.com将允许你推出你自己的版本的UI代码，只有必要的位(依赖检查)和你选择的主题。