jquery - Firefox 中的进度条错误，但在 IE 和 chrome 中运行良好

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

不断地向你的方向添加东西直到它坏掉，或者不断地从你的方向上移除东西直到它起作用。