似乎不能让BXSlider工作

Question

我想使用BXSlider，但它似乎无法工作

密码。链接的JS/CSS从站点下载并具有正确的路径。

​

$(document).ready(function(){
	
	$(document).ready(function(){
  $('.bxslider').bxSlider();
});

<!-- jQuery library (served from Google) -->
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
		<!-- bxSlider Javascript file -->
		<script src="../js/jquery.bxslider.min.js"></script>
		<!-- bxSlider CSS file -->
		<link href="../js/lib/jquery.bxslider.css" rel="stylesheet" />
		<script src="../js/script.js"></script>

<ul class="bxslider">
				<li><img src="../Images/Welcome/0008.jpg" /></li>
				<li><img src="../Images/Welcome/0025.jpg" /></li>
				<li><img src="../Images/Welcome/IMG_0061.jpg" /></li>
			</ul>

​

Answer 1

请看看你是否有正确的路径JS和CSS文件。也要遵循正确的代码序列。

1. 包括初始化所需的文件。
2. HTML代码。
3. 控制器/脚本，用于修改或瞄准。

见下文代码：

在< head >标记中

<!-- jQuery library (served from Google) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="/js/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="/lib/jquery.bxslider.css" rel="stylesheet" />

在< body >标记中

<ul class="bxslider">
<li><img src="/images/pic1.jpg" /></li>
<li><img src="/images/pic2.jpg" /></li>
<li><img src="/images/pic3.jpg" /></li>
<li><img src="/images/pic4.jpg" /></li>
</ul>

在< /body >标记之前

<script>
$(document).ready(function(){
 $('.bxslider').bxSlider();
});
</script>