javascript - 似乎无法让 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. 用于修改或定位的 Controller /脚本。

参见下面的代码:

在< 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" />

在标签中

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

在标签之前

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