javascript - 为什么这个简单的内容 slider 不起作用?

标签 javascript jquery slider bxslider

我目前正在尝试实现 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/

相关文章:

滚动时更改标题颜色的JavaScript

javascript - 加载动画图像实现

javascript - 读取本地json文件

javascript - 实时显示 JSON 字符串变化时的变量

html - 使用纯html css制作全屏立方体 slider

javascript - 每日交易聚合器如何从不同的交易网站获取数据?

jquery - 如何让我的应用程序在动画期间不挂起?

jquery - 为什么 jQuery 对 div 的高度返回 null?

html - 如何在此 HTML 中定位图像?这是 slider 革命 jquery 插件

php - 如何使表单提交按钮也重定向到页面中的特定 div?