jquery-ui - bxslider 轮播代码

Question

我正在尝试从该站点实现滑块

http://bxslider.com/

我使用了他们所说的确切程序，但我的代码仍然无法正常工作，你们能告诉我如何修复它吗

我正在提供我的小提琴代码打击

http://jsfiddle.net/v3efb/3/

http://jsfiddle.net/v3efb/3/embedded/result/

在下面提供我的代码

<ul class="bxslider">
  <li><img src="http://maxcdn.webappers.com/img/2009/01/jquery-carousel.png" /></li>
  <li><img src="http://maxcdn.webappers.com/img/2009/01/jquery-carousel.png" /></li>
  <li><img src="http://maxcdn.webappers.com/img/2009/01/jquery-carousel.png" /></li>
  <li><img src="http://maxcdn.webappers.com/img/2009/01/jquery-carousel.png" /></li>
</ul>

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

<script>

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


</script>

Answer 1

jsFiddle 演示

在您的标记中，您使用的是、和文件的相对路径。jquery.min.jsbxslider.min.jsbxslider.css

这意味着这些文件在其各自的子文件夹中本地可用。

但是，jsFiddle 不知道这些文件的完整 URL 路径，也就是绝对路径。

更改路径，使其成为完整的 URL。

提示：在 jsFiddle 中，您可以使用左侧的 Add Resources 面板.js将文件.css作为资产导入。