【问题标题】:Jquery UI progressbar is not getting initialized?Jquery UI 进度条没有被初始化?
【发布时间】:2010-11-16 17:53:17
【问题描述】:

我正在尝试在我的网络应用程序中使用 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>

有什么建议!!!

【问题讨论】:

  • 页面中是否包含jQuery-ui js和css?

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


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-06-11
    • 2019-07-14
    • 1970-01-01
    • 2010-11-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多