Question

我目前正在尝试实现THIS非常简单的内容滑块，但它无效。有人可以告诉我我在这里做错了什么，因为我不知所措。

我目前的代码如下。

<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文件：//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js

2。未捕获的ReferenceError：未定义jQuery jquery.bxslider.min.js：10

3。未捕获的ReferenceError：$未定义other.html：16

Answer 1

您正在本地运行该页面。请添加http://：

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

Answer 2

请查看我对您遇到的问题的意见。

无法加载资源：net :: ERR_FILE_NOT_FOUND文件：//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js

如上所述，在启动时， http：没有达到 http：。所以将它包含在脚本的src中。

未捕获的ReferenceError：未定义jQuery jquery.bxslider.min.js：10

确保运行此页面的根目录中存在 jquery.bxslider.min.js 。

未捕获的ReferenceError：$未定义other.html：16

如果我们在使用$ sign之前未在html中包含 jquery.min.js ，则会出现此问题。目前这个js文件不包含在那里。

进行这些更改并再次运行。这将解决您的问题。

为什么这个简单的内容滑块不起作用？

2 个答案: