我目前正在尝试实现 THIS非常简单的内容 slider ,但它不起作用。有人可以告诉我我在这里做错了什么,因为我不知所措。
我当前的代码如下。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<!-- jQuery library (served from Google) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="jquery.bxslider.css" rel="stylesheet" />
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
$('.bxslider').bxSlider({
auto: true,
});
});
</script>
<div class="slider">
<ul class="bxslider">
<li><img src="images/slide1.png" /></li>
<li><img src="images/slide2.png" /></li>
<li><img src="images/slide3.png" /></li>
</ul></div>
</body>
我收到的控制台错误是:
1. 无法加载资源:net::ERR_FILE_NOT_FOUND file://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
2. 未捕获的 ReferenceError:未定义 jQuery jquery.bxslider.min.js:10
3. Uncaught ReferenceError :$未定义other.html:16
最佳答案
您正在本地运行该页面。请添加http://
:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
关于javascript - 为什么这个简单的内容 slider 不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26357707/