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

Why is this simple content slider not working?

本文关键字：不起作用 简单 为什么      更新时间：2023-09-26

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

2。未捕获引用错误：jQuery未定义jQuery.bxslider.min.js:10

3。Uncaught ReferenceError:$未定义为其他。html:16

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

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

请查找与您所面临的问题相关的我的输入。

  1. 未能加载资源：net:：ERR_FILE_NOT_FOUNDfile://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js

如上所述，路径在启动时不支持http:/strong>。所以将其包含在脚本的src中。

  1. 未捕获引用错误：jQuery未定义jQuery.bxslider.min.js:10

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

  1. 未捕获的ReferenceError:$未在其他地方定义。html:16

当我们在使用$sign之前没有在html中包含jquery.min.js时，通常会出现这个问题。目前这个js文件不包含在那里。

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

相关文章：