2011-07-08 97 views
1

我試圖在adobe air應用程序中顯示進度條,但遇到問題。我正在使用jquery ui進度條,但進度條沒有顯示,我不知道爲什麼。我想在jQuery的演示網站上顯示的簡單的例子,如何在Adobe Air應用程序中顯示進度條?

  1. 創建一個ID進度股利,
  2. 使用此命令$("#progressbar").progressbar({ value: 59 });

我將承擔進度條應該會現身但我什麼也沒得到。任何幫助?

只是爲了展示一些代碼:

<!DOCTYPE html> 
<html> 
<head>  
<script type = "text/javascript" src = "js/jquery-1.5.js"></script> 
<script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script> 

<script> 
    var count = 50; 
    startProgress(); 
    function startProgress() 
    { 
     $("#progressbar").progressbar({ 
      value: count 
     }); 
    }      
</script> 

</head> 
<body> 
<div> 
    <div id="progressbar" ></div> 

</div> 
</body> 
</html> 
+0

我想這是假設你需要包括jQuery UI和jQuery腳本? – Phil

+0

是的,我包括jquery-ui-1.8.9.custom.min.js和jquery1.6腳本。 – dchhetri

+0

@ user814628僅供參考,請在代碼之前放置4個空格以正確格式化。有關更多格式化幫助,請參閱http://stackoverflow.com/editing-help。 –

回答

1

附上你的腳本在準備好處理程序。這將導致腳本執行後DOM準備好,(在DOM存在progressbar DIV前),而不是立即

$(document).ready(function() { 
    var count = 50; 

    $("#progressbar").progressbar({ 
     value: count 
    }); 
});   

注意,我刪除了startProgress()函數聲明,因爲它是不必要的。

+0

嘿,我試過,但我仍然得到一個空白的白色屏幕 – dchhetri

+0

想通了。看起來我必須添加jqueri-ui.css才能顯示 – dchhetri

相關問題