2

何らかの理由で、jQuery を機能させることができません。私はすべてのステップをたどりましたが、何もしませんでした! 何が起こっているかは次のとおりです。

すべてのスタイルと JavaScript:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js">   <\/script>')</script>
<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>
<link href="http://bxslider.com/lib/jquery.bxslider.css" rel="stylesheet" type="text/css" />

そして私のHTML：

<ul id="bxslider">
<li><img src="1.jpg" /></li>
<li><img src="2.jpg" /></li>
<li><img src="3.jpg" /></li>
</ul>

<script type="text/javascript">
$(document).ready(function() {
    $('.bxslider').bxSlider({
        auto: true,
        autoControls: true
    });
});
</script>
4

2 に答える 2

4

bxsliderasを使用してスライダーを開始してclassいますが、あなたの場合は asidセレクターのように使用する必要があります:

$(document).ready(function () {
    $('#bxslider').bxSlider({
        auto: true,
        autoControls: true
    });
});

セレクターのドキュメント: http://api.jquery.com/category/selectors/

作業フィドル: http://jsfiddle.net/IrvinDominin/UV4r4/1/

于 2013-06-24T15:49:49.067 に答える
1

また、最初に CSS をロードしてから JavaScript ファイルをロードすることもできます。

于 2013-06-24T16:03:05.567 に答える