Jquery UI进度条没有初始化?

时间:2010-11-16 17:53:17

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

我正在尝试在我的网络应用中使用jQuery UI进度条。 但这并没有显示出来。我正在使用DWR调用来获取上传状态。在使用Jquery UI进度条之前,我只是显示从服务器返回的状态,以确保数据来自服务器。它工作正常。

守则

<body>
<script type="text/javascript">
$(document).ready(function(){
var progressbar = $("#jqProgressBar");
progressbar.css({
    "width"  : "200px",
    "height" : "10px"
});
$("#jqProgressBar").progressbar({'value':0});
});
function statusUpdate() {
FileUploadProgressListener.getFileUploadStatus(function(status){
    if(status >= 95)
    {
        status = 100;
        $("#jqProgressBar").progressbar({'value':status});
        return;
    }
    else
    {
        $("#jqProgressBar").progressbar({'value':status});
        window.setTimeout(statusUpdate, 200);
    }
});
return true;
  }
</script>
<h4>File Upload</h4>
    <iframe id="uploadFrameID"
       name="uploadFrame"
       height="0" width="0"
       frameborder="0"
       scrolling="yes"></iframe>
<form action="ProfileImageUpload"
     enctype="multipart/form-data" method="post"
 onsubmit="setTimeout('statusUpdate()', 1000)" target="uploadFrame">

  <input type="file" name="fileupload_upload" value="Upload File">
  <input type="submit" value="Upload">
</form>
 <div id="jqProgressBar"></div>
</body>

任何建议!!!

1 个答案:

答案 0 :(得分:1)

尝试在更改值的代码中使用此行:

    $("#jqProgressBar").progressbar(status);