Question

   Here is the code iam using for Progress bar of jQuery UI 
 $(document).ready(function () {
    $("#divprogressbar").progressbar({
        value: 1 
    });
    $("#divprogressbar").find( ".ui-progressbar-value" ).css({"background": '#005A84'});
    $(".progress-label").text($("#divprogressbar").progressbar("value") + "%");
 });

     I am using the jQuery references

    <link href="/Content/jquery-ui.css" rel="stylesheet" type="text/css" />

    Here is the div

    <div id="divprogressbar" style="width: 200px; border: 1px solid black">
         <div class="progress-label" style="color: Black; padding-top: 5px;">
         </div>
    </div>

我在IE和Chrome浏览器中没有问题，但是当我在Firefox中运行时，我面临以下错误

    ** $(...).progressbar is not a function **

请帮助我，我无法转发我的申请。提前致谢

Answer 1

你可以尝试，

$(document).ready(function(){
 $("#divprogressbar").progressbar({
        value: 1 
    });
    $("#divprogressbar").find( ".ui-progressbar-value" ).css({"background": '#005A84'});
    $(".progress-label").text($("#divprogressbar").progressbar("value") + "%");
});
});

Answer 2

检查导入js的顺序。

它在这里工作：

http://jsbin.com/utemu

继续向你的方向添加东西，直到它破裂，或者继续向你的方向移除东西直到它起作用。

Firefox中的进度条错误，但在IE和Chrome中工作正常

2 个答案: