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

Javascript 为什么这个简单的内容滑块不起作用?,javascript,jquery,slider,bxslider,Javascript,Jquery,Slider,Bxslider,我目前正在尝试实现非常简单的内容滑块,但它不工作。有人能告诉我我在这里做错了什么吗?我不知所措 我现在的代码如下 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <!-- jQuery library (served from Google) --> <scr

我目前正在尝试实现非常简单的内容滑块,但它不工作。有人能告诉我我在这里做错了什么吗?我不知所措

我现在的代码如下

<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>

无标题文件
$(文档).ready(函数(){
$('.bxslider').bxslider({
是的,
});
});
我得到的控制台错误有:

一,。 未能加载资源:net::ERR\u文件\u未找到file://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js

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

三,。
未捕获引用错误:$未定义其他。html:16

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

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

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

  • 未能加载资源:net::ERR\u文件\u未找到file://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
  • 如上所述,路径在启动时不包含http:。所以在脚本的src中包含它

  • 未捕获引用错误:未定义jQuery jQuery.bxslider.min.js:10
  • 确保运行此页面的根目录中存在jquery.bxslider.min.js

  • 未捕获引用错误:$未定义其他。html:16
  • 当我们在使用$sign之前没有在html中包含jquery.min.js时,就会出现这个问题。目前这个js文件还不包括在里面


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

    您的src属性中缺少http://您的页面使用web服务器或添加
    http://
    scheme。可能重复的@PatrickEvans没有重复的mate,请查看谁编写了另一个:不是我:)问相同问题的问题是重复的,这并不意味着同一个人问了同一个问题。需要指出的是,这个问题以前已经被问过并回答过了。