2010-10-08 54 views
1

我有對話框工作,但它看起來沒什麼像在jquery.com演示我有主題CSS和JS文件和引用,但它看起來很醜。大文本和標題和'x'不在位。我掛了一個搶在:jquery對話框顯示醜陋的標題

http://picasaweb.google.com/100992319569544717409/DialogPics

和將不勝感激,如果有人可以解釋爲什麼發生這種情況。非常感謝

// Help function 

      function help(){ 

       $(function() { 

       $('#help').dialog(
     { 
      title:"Mail Help", 
      width: 416, 
      height: 340, 
      modal: true, 
      overlay: { backgroundColor: "#000", opacity: 0.5 } 


     });$("#help").dialog('open'); 
      }); 
     } 

這是我對引用文件:

<script src="/sample/admin/js/jquery-1.3.2.min.js"></script> 
<script src="/sample/admin/js/jquery-ui-1.7.3.custom.min.js"></script> 
<script src="/sample/admin/js/ui.dialog.js"></script> 
<script src="/sample/admin/js/ui.core.js"></script> 

<link href="/sample/admin/css/smoothness/jquery-ui-1.7.3.custom.css" rel="stylesheet" type="text/css" /> 
<link href="/sample/admin/css/themes/base/ui.all.css" rel="stylesheet" type="text/css" /> 

謝謝。

+0

你可以發佈引用JS/CSS? – 2010-10-08 15:05:39

+0

發佈你的CSS/HTML,我猜你已經做了一些與jqueryUI css/html衝突。 - >其他問題,你包括jqueryUI CSS? – Incognito 2010-10-08 15:12:06

回答

0

您是否已將jQuery-UI CSS導入到您的項目中?你可以利用他們提供的東西,或者roll your own。 jQuery UI對話框依賴於此來使所有內容看起來都很「漂亮」。

+0

更新的代碼與所需的信息。 – 2010-10-08 15:21:00

+0

@Putersmit - 你確定你的CSS樣式正在應用嗎?基於你發佈的屏幕抓取,它看起來好像是默認的「無風格」。 – JasCav 2010-10-08 15:37:57

+0

樣式和js顯示在網絡中的螢火蟲,如果我使用web開發人員在標題區域它來自css/smoothness/jquery-ui-1.7.3.custom.css – 2010-10-08 17:41:55