Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 我能';我不能让基本的bxslider工作_Jquery - Fatal编程技术网

Jquery 我能';我不能让基本的bxslider工作

Jquery 我能';我不能让基本的bxslider工作,jquery,Jquery,**好吧,别杀了我,我对jquery和bxsliders还不熟悉,但我要把这整件事都扔出去,需要一个救世主。我想我所有的文件都在正确的地方…我就是搞不懂 简单问题:尝试使滑块工作:** <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="h

**好吧,别杀了我,我对jquery和bxsliders还不熟悉,但我要把这整件事都扔出去,需要一个救世主。我想我所有的文件都在正确的地方…我就是搞不懂

简单问题:尝试使滑块工作:**

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="http://bxslider.com/lib/jquery.bxslider.css" rel="stylesheet" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>
</head>

<body>
<div class="container">

<script type="text/javascript">
$(document).ready(function(){
$('slider1').bxSlider();
$('slider2').bxSlider();
});
</script>

<div class="sliders">

<h3>Slideshow 1</h3>
<ul id="slider1">
<li><img src="images/JT.jpg" /></li>
<li><img src="images/RW.jpg" /></li>
<li><img src="images/WJ.jpg" /></li>
<li><img src="images/DF.jpg" /></li>
<li><img src="images/BE.jpg" /></li>
<li><img src="images/JH.jpg" /></li>
</ul>

<h3>Slideshow 2</h3>
<ul id="slider2">
<li><img src="images/JT.jpg" /></li>
<li><img src="images/RW.jpg" /></li>
<li><img src="images/WJ.jpg" /></li>
<li><img src="images/DF.jpg" /></li>
<li><img src="images/BE.jpg" /></li>
<li><img src="images/JH.jpg" /></li>
</ul>

</div>
</div> 
</body>
</html>

$(文档).ready(函数(){
$('slider1').bxSlider();
$('slider2').bxSlider();
});
幻灯片1
幻灯片2
阅读文档


选择器中缺少
#
<代码>$(“#滑块1”).bxSlider()@PSL应该把它写下来作为答案!向下投票人应该解释他们为什么向下投票,特别是对网站的新用户。我个人不明白,既然提供了清晰、格式化的代码,问题得到了很好的解释,OP做出了努力,等等,为什么这值得投反对票。不要投反对票,让新用户知道。这并没有解决问题……我本来就有这个问题,但我开始“翻来覆去”查看是否有任何东西编码错误。我希望是这样……我改变了它,但没有运气。但是谢谢,我会仔细阅读id选择器(@user2860816)你会拉小提琴吗。
$(document).ready(function () {
    $('#slider1').bxSlider();
       ^ // added # tag for id-selector
    $('#slider2').bxSlider();
       ^ // added # tag for id-selector
});