jquery-ui进度条没有显示

我想添加一个简单的进度条到我的应用程序在rails中使用jquery-ui。我下面这个例子：http://jqueryui.com/progressbar/jquery-ui进度条没有显示

我创建的div

<div id="progressbar"></div>

，在我的JS我有

$(document).ready(function() { 
    $("#progressbar").progressbar({ 
    value: 37 
    }); 
});

但什么也没有发生在HTML股利 - 它仍然是空的，无风格（即没有额外的CSS应用于它）。

我检查了我的应用程序中包含jquery-ui - 特别是，我已经确定包含jquery-ui css文件。

不过，我愿意打赌这个问题有事情做与jQuery UI的不是我的应用程序正常工作，因为我是有它的另一个问题和提示功能，我问了一下在这里：positioning jQuery tooltip

这使我疯狂，有没有人有任何想法？

来源

2013-03-11 Jeff Pole

“不显示”不足以帮助您。元素是否存在于DOM中？显示器是否设置为无？有没有JavaScript错误？ – 2013-03-11 20:35:32

你可以发布你的进度条div的代码吗？ – 2013-03-11 20:43:09

我现在有同样的问题。

看起来好像在示例中引用的库文件不起作用。
错误我从一开始 “火狐 - 开发工具 - 浏览器控制台” 是：

ReferenceError: $ is not defined

（我在Firefox 32.0.3和IE 11测试）如果你只是拷贝例如HTML/jquery源文件从“http://jqueryui.com/progressbar/”复制到本地文件（我们称之为：“testJqueryProgressBar.html”）并双击它，您将看到没有进度条！

“testJqueryProgressBar.html”的来源：

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>jQuery UI Progressbar - Default functionality</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css"> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script> 
    <link rel="stylesheet" href="//jqueryui.com/resources/demos/style.css"> 
    <script> 
     $(function() 
     { 
      $("#progressbar").progressbar({ value: 37 }); 
     }); 
    </script> 
</head> 
<body> 
    <div id="progressbar"></div> 
</body> 
</html>

因此我检查了链接在该示例的标头和所有参考的东西。所以这些链接是有效的！

我甚至试图从另一个提供者f.e.中引用jquery库。：https://developers.google.com/speed/libraries/devguide?hl=de#jquery-ui。同样的问题！

然后我去http://jqueryui.com/download/ 选定的版本：1.11.1（稳定，为jQuery1.6 +）选择了不同的UI主题底部

下载的ZIP和我的本地引用这些解压的jQuery的来源例如testJqueryProgressBar.html，它的工作。

来源

2014-10-10 12:49:32 user1911091

jquery-ui进度条没有显示

回答

相关问题