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

【问题标题】：Why is this simple content slider not working?为什么这个简单的内容滑块不起作用？
【发布时间】：2014-10-14 09:49:47
【问题描述】：

我目前正在尝试实现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 file://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js

2。 Uncaught ReferenceError: jQuery is not defined jquery.bxslider.min.js:10

3。 Uncaught ReferenceError: $ is not defined other.html:16

【问题讨论】：

您的 src 属性中缺少 http://。
为您的页面使用 Web 服务器或添加 http:// 方案。
Jquery will not load because it can't be found的可能重复
@PatrickEvans 没有重复的伙伴，看看谁写了另一个不是我:)
问同一个问题的问题是重复的，这并不意味着同一个人问同一个问题。需要指出的是，这个问题之前已经被问过和回答过。

标签： javascript jquery slider bxslider

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

请找到我与您面临的问题相关的意见。

加载资源失败：net::ERR_FILE_NOT_FOUND file://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js

如上所示路径在启动时不包含 http:。所以将它包含在脚本的 src 中。

Uncaught ReferenceError: jQuery is not defined jquery.bxslider.min.js:10

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

Uncaught ReferenceError: $ is not defined other.html:16

当我们在使用 $ 符号之前未在 html 中包含 jquery.min.js 时，通常会出现此问题。而且目前这个js文件不包含在里面。

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

【讨论】：