如何在adobe air app中显示进度条?

时间:2011-07-08 16:35:17

标签: jquery jquery-ui air progress-bar jquery-ui-progressbar

我正试图在adobe air应用程序中显示进度条,但遇到问题。我正在使用jquery ui进度条,但进度条没有显示,我不知道为什么。我正在尝试jquery演示站点中显示的简单示例

  1. 使用ID进度条创建一个div,
  2. 使用此命令$( "#progressbar" ).progressbar({ value: 59 });
  3. 我认为进度条应该出现,但我什么都没得到。有什么帮助吗?

    只是为了展示一些代码:

    <!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>
    

1 个答案:

答案 0 :(得分:1)

将您的脚本包含在就绪处理程序中。这将导致脚本在DOM准备好后执行,而不是立即执行(在DOM中存在progressbar div之前执行。)

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

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

请注意,我删除了startProgress()函数声明,因为它是不必要的。