jQuery 工具 - 以前的链接甚至可以使用 rotate: false

Question

当我单击第一个选项卡上的 .backward 锚点时，它会显示最后一个选项卡。即使rotate 设置为false。

$(document).ready(function(){

    $('.agenda-tabs').tabs(".agenda-terms", {
        effect: 'fade',
        rotate: false
    }).slideshow({
        clickable: false
    });
});

如何阻止它从第一个标签“旋转”到最后一个标签？

HTML 代码是：

    <div class="wrapper"> 
        <div class="agenda-navigation">
            <select class="agenda-track-select">
                <option value="track-1">Track 1</option>
                <option value="track-2">Track 2</option>
                <option value="track-3">Track 3</option>
                <option value="track-4">Track 4</option>
                <option value="track-5">Track 5</option>
                <option value="track-6">Track 6</option>
                <option value="track-7">Track 7</option>
                <option value="track-8">Track 8</option>
            </select>
            <div class="buttons">
              <button class="backward">&laquo; Previous</button>
              <button class="forward">Next &raquo;</button>
            </div>
        </div>   
        <div class="agenda">
            <div class="agenda-term-list">
                <div class="agenda-term-time">11:00 - 12:00</div>
                <div class="agenda-term-time">12:00 - 13:00</div>
                <div class="agenda-term-time">11:00 - 12:00</div>
                <div class="agenda-term-time">12:00 - 13:00</div>
            </div>

            <div class="items">

                <div class="agenda-terms">
                    <div class="agenda-term-row">
                        <div class="agenda-term-point tracks-all">
                            Lorem ipsum register now!
                        </div>
                    </div>
                    <div class="agenda-term-row">
                        <div class="agenda-term-point track-1 current">
                            Lorem ipsum t1
                        </div>
                        <div class="agenda-term-point track-2">
                            Lorem ipsum dolor sit amet... t2
                        </div>
                        <div class="agenda-term-point track-3">
                            Lorem ipsum t3
                        </div>
                        <div class="agenda-term-point track-4">
                            Lorem ipsum dolor sit amet... t4
                        </div>
                    </div>
                    <div class="agenda-term-row">
                        <div class="agenda-term-point tracks-all">
                            Lorem ipsum register now!
                        </div>
                    </div>
                    <div class="agenda-term-row">
                        <div class="agenda-term-point track-1 current">
                            Lorem ipsum t1
                        </div>
                        <div class="agenda-term-point track-2">
                            Lorem ipsum dolor sit amet... t2 
                        </div>
                        <div class="agenda-term-point track-3">
                            Lorem ipsum t3
                        </div>
                        <div class="agenda-term-point track-4">
                            Lorem ipsum dolor sit amet... t4
                        </div>
                    </div>
                </div>
                <div class="agenda-terms">
                    <div class="agenda-term-row">
                        <div class="agenda-term-point tracks-all">
                            Lorem ipsum register now!
                        </div>
                    </div>
                    <div class="agenda-term-row">
                        <div class="agenda-term-point track-5 current">
                            Lorem ipsum t5
                        </div>
                        <div class="agenda-term-point track-6">
                            Lorem ipsum dolor sit amet... t6
                        </div>
                        <div class="agenda-term-point track-7">
                            Lorem ipsum t7
                        </div>
                        <div class="agenda-term-point track-8">
                            Lorem ipsum dolor sit amet... t8
                        </div>
                    </div>
                    <div class="agenda-term-row">
                        <div class="agenda-term-point tracks-all">
                            Lorem ipsum register now!
                        </div>
                    </div>
                    <div class="agenda-term-row">
                        <div class="agenda-term-point track-5 current">
                            Lorem ipsum t5
                        </div>
                        <div class="agenda-term-point track-6">
                            Lorem ipsum dolor sit amet... t6
                        </div>
                        <div class="agenda-term-point track-7">
                            Lorem ipsum t7
                        </div>
                        <div class="agenda-term-point track-8">
                            Lorem ipsum dolor sit amet... t8
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="agenda-tabs">
      <a href="#"></a>
      <a href="#"></a>
    </div>

Answer 1

我发现这是 jquery-tools 中的一个错误。请使用this version 我改变了自己，而他们没有在他们的源代码中修复它。

我改变了这个：

if (b.rotate) {
  var k = g.length - 1;
  if (0 > a) return e.click(k, h);
  if (a > k) return e.click(0, h)
}

到这里：

var k = g.length - 1;
if (0 > a) if (b.rotate) return e.click(k, h); else a = 0;
if (a > k) if (b.rotate) return e.click(0, h); else a = k;

还修改了您的代码以显示它可以正常工作：http://jsfiddle.net/bortao/k2f57/

必须删除一个<a>，因为您有两个标签，而不是三个。