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 时完成所有这些混乱的想法是非常奇怪的。您的代码可能会少两倍。

于 2013-04-27T22:46:29.563 回答