1

このサイトからスライダーを実装しようとしています

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

1 に答える 1

0

jsFiddle デモ

マークアップでは、ファイルへの相対パスを使用しています。jquery.min.jsbxslider.min.jsbxslider.css

つまり、これらのファイルは、それぞれのサブフォルダーでローカルに利用できます。

ただし、jsFiddle は、これらのファイルへの完全な URL パス (別名絶対パス) を認識していません。

完全な URL になるようにパスを変更します。

ヒント: jsFiddle では、左側の[リソースの追加.js] パネルを使用して、.cssファイルをアセットとしてインポートできます。

于 2012-12-23T05:22:30.543 に答える