未應用任何樣式的JQuery UI對話框顯示

Question

我使用此處的示例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> 

Answer 1

您還需要包括jQuery UI的樣式表。默認的可以在這裏找到：https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/smoothness/jquery-ui.css

有一個可用主題的選擇，您可以使用預定義或使用自己的巧妙jQuerryUI Themeroller之一。

Answer 2

如上

的評論：

如果你不想使用谷歌CDN無論出於何種原因（下線發展的，等等），然後jqueryui.com將允許你只用滾你自己的UI代碼的版本必要的位（具有依賴性檢查）以及您選擇的主題。