Question

我想使用BXSlider并且似乎无法使其正常工作

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

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 1

请查看您是否有正确的JS和CSS文件路径。也请遵循正确的代码序列 1.包含初始化所需的文件 2. HTML代码。
3.用于修改或定位的控制器/脚本。

见下面的代码：

中的

＆lt; head＆gt; 标记

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

在＆lt;正文> 标记

<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＆gt; 标记

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

似乎无法让BXSlider工作

1 个答案: