0

その下にインジケーターを付けて Swipe.js を実装しようとしています。これにより、ユーザーはスライドにさらに画像があり、スライドショーのどこに到達したかを知ることができます。私はこれをやろうとしましたが、これがうまくいかない理由について誰かが示すことができませんか? 私のコードは以下です

jQuery

window.mySwipe = $('#mySwipe').Swipe().data('Swipe'),{
                callback: function(pos) {

                var i = bullets.length;
                while (i--) {
                bullets[i].className = ' ';
                }
                bullets[pos].className = 'on';

            }}
var bullets = document.getElementById('position').getElementsByTagName('li');

HTML

<div id='mySwipe' style='max-width:300px;margin:0 auto' class='swipe'>
    <div class='swipe-wrap'id="featured">
    </div>
</div>

            <nav>
                <ul id="position">
                    <li class="on"></li>
                    <li class=" "></li>
                    <li class=" "></li>
                    <li class=" "></li>
                </ul>
            </nav>

使用しているファイルへのリンクがajax経由で画像を受け取ることに注意してくださいhttps://github.com/bradbirdsall/Swipe

4

1 に答える 1

0

少なくともここに構文エラーが表示されます。これは JS パーサーのエラーではありませんが、実装したいものとは異なるようです。

window.mySwipe = $('#mySwipe').Swipe().data('Swipe'),{
                callback: function(pos) {

                var i = bullets.length;
                while (i--) {
                bullets[i].className = ' ';
                }
                bullets[pos].className = 'on';

            }}

たぶんなりたかった:

window.mySwipe = $('#mySwipe').Swipe({
  data : 'Swipe',
  callback: function(pos) {
    var i = bullets.length;
    while (i--) {
      bullets[i].className = ' ';
    }
    bullets[pos].className = 'on';
  }
});

またはそのようなもの。JQuery.Swipe プラグインはたくさんあるので、リンクを提供してください。

ところで、getElementById を使用して要素のコレクションを手動で反復処理し、JQuery をアタッチしているときにこの混乱をすべて行うのは非常に奇妙な考えです。コードが 2 倍少なくなる可能性があります。

于 2013-04-27T22:46:29.563 に答える