我无法使用基本的bxslider工作 [英] I can't get basic bxslider to work
本文介绍了我无法使用基本的bxslider工作的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
**好吧,所以不要杀了我,我是jquery和bxsliders的新手,但是我即将解决这个问题并需要一个救世主。我认为我的所有文件都在正确的位置...我只是想不出来。
**Okay, so don't kill me, I"m new to jquery and bxsliders, but I"m about to punt this whole thing and need a saviour. I think all my files are in the right places...I just can't figure this out.
简单问题:尝试让滑块工作:**
Simple problem: trying to get a slider to work:**
<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>
推荐答案
阅读文档 #id-selector
$(document).ready(function () {
$('#slider1').bxSlider();
^ // added # tag for id-selector
$('#slider2').bxSlider();
^ // added # tag for id-selector
});
这篇关于我无法使用基本的bxslider工作的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文