我对网络开发非常陌生。我正在尝试使用 jquery 在网页上显示 slider 。但是,我无法在网页上看到银条。我尝试通过调试代码。 Firebug 。但是,我在那里没有看到任何错误。有人可以告诉我我可能缺少什么吗?
我使用 Linux - Fedora core 16 和 Firefox- 38.0.5 来运行此代码
index.html
<!DOCTYPE html>
<html>
<script src= "jquery-2.1.4.min.js"> </script>
<script src= "js/jquery-ui.js"> </script>
<script src= "js/jqueryTutorial.js"> </script>
<title> "My Page"</title>
<head> "Hello Jquery"</head>
<body>
<div id="slider"> </div>
</body>
</html>
这是 jqueryTutorial.js 文件。
(function() {
$("#slider").slider();
})();
Firebug 控制台中没有错误。 这是屏幕截图。
<小时/>
最后,我从源代码中执行了以下操作 - jquery slider
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Slider - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#slider" ).slider();
});
</script>
</head>
<body>
<div id="slider"></div>
</body>
</html>
现在,我在 firebug 上看到以下错误。
ReferenceError: $ is not defined
$(function() {
index.html (line 11, col 2)
最佳答案
试试这个:
jQuery(document).ready(function () {
(function() {
$("#slider").slider();
})();
});
编辑:
好的,问题出在标签上。
你写的是:
<!DOCTYPE html>
<html>
<script src= "jquery-2.1.4.min.js"> </script>
<script src= "js/jquery-ui.js"> </script>
<script src= "js/jqueryTutorial.js"> </script>
<title> "My Page"</title>
<head> "Hello Jquery"</head>
<body>
<div id="slider"> </div>
</body>
</html>
你必须这样写:
<!DOCTYPE html>
<html>
<head>
<script src= "jquery-2.1.4.min.js"> </script>
<script src= "js/jquery-ui.js"> </script>
<script src= "js/jqueryTutorial.js"> </script>
<title> "My Page"</title>
</head>
<body>
<div id="slider"> </div>
</body>
</html>
;-)
再次编辑
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Slider - Default functionality</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
jQuery(function() {
$( "#slider" ).slider();
});
</script>
</head>
<body>
<div id="slider"></div>
</body>
</html>
关于javascript - Jquery - 无法在网页上显示 slider - 已编辑?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30799402/