为什么jQuery进度条不起作用?

时间:2014-05-01 04:37:25

标签: javascript jquery

这是Google托管的jQuery脚本..正确吗? 所以我不需要下载任何东西..我猜。 但是当我加载页面时为什么不显示任何东西 我在这里错过了什么诀窍?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>jQuery UI Progress Bar</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<!-- jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<!-- jQuery UI -->
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js">  </script>

<script>
$(function () {
//call progress bar constructor           
$("#container").progressbar({ value: 50 });
});
</script>

</head>

<body>
<div id="container"></div>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

您是否有机会使用&#34;文件从本地计算机进行测试:&#34;网址?

如果是这样,您就无法使用以下格式的网址:

src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"

因为那相当于:

src="file://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"

因此您的脚本无法找到。

在开发过程中,将它们设置为http:

src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"

当你去制作时(如果你想的话)将它们切换回来。