2011-07-08 69 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

相关问题