我正在尝试使用unlider插件。它不工作,我检查了路径,似乎是正确的。有任何想法吗?我正在按照其网站上的步骤进行操作:http://unslider.com/
我也没有在控制台日志中出现任何错误因此我不知道我做错了什么?脚本链接在代码之前,所以我不理解错误。
<html>
<head>
<title>Hello!</title>
<meta charset="utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="js/JQuery.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" src="unslider-master/dist/css/unslider.css">
<script src="js/unslider.js"></script>
</head>
<body>
<div id='main_page_container'>
<div class="my-slider">
<ul>
<li>My slikjmhhhhhhhhhkjjjjjjjjjjde</li>
<li>Another slide</li>
<li>My last slide</li>
</ul>
</div>
<script>
// Using the Unslider. Not working.
$(document).ready(function() {
$('.my-slider').unslider();
});
// Testing is JQUERY is working. Not working.
$("#navbar").click(function() {
$("#navbar").css("background-color", "yellow");
});
window.onload = function() {
if (window.jQuery) {
// jQuery is loaded
alert("Yeah!");
} else {
// jQuery is not loaded
alert("Doesn't Work");
}
}
</script>
<div class="box_one">
<div class='headline'>
<b><p id='headline_text'>An Eye-Catching Headline</p></b><br>
<button id='textChanger'>Add text</button>
</div>
</div>
</div>
<div class='shipping_info'><p class='shipping_text'><b>Free Shipping World Wide</b></p></div>
<div class="box_two"><div id='side_bar'> side bar</div></div>
<div class='about-panel'><label id='about-panel-text'>Why Us?</label> </div>
<div class='divider-whitespace'></div>
<footer id='footer'></footer>
</body>
</html>
这是我得到的: