Question

我写了这一无限的雕刻,我不禁要问,什么是最佳的方式来进行非无限的 s。

现在,用户具体说明他们想在时间(南lide)上看到多少件。因此,用户基本上在右arrow上点击,它使用称作<代码>prevLoop或nextLoop的方法。其中任何一个基本只是将特定要素的数量拉开,并将其移至<代码><></ul>。

我已经走过了这一路,但现在我试图提出放弃无限滚动的选择(例如,只显示名单上的物品,一旦你到达每一方的末尾,就会阻止叫前洛普/特洛普。

我的想法基本是,形成一个要求无限的变量。在任何一个点击功能(rightClick()和leftClick()内,检查是否确实有效。如果是的话,采用正常的滚动代码。否则,我的想法是:将<代码><ul>内发现的、在<代码>numElements内所含要素数目计算在内,通过每点点点点计算一个计算变量,并检查该数值是否与核心要素相同。如果是<代码>>numElements,那么我就阻止了这两种功能的消化。我感到,这样做会很快地发生迷惑。

具体如下:

    var count = numElements;
    function rightClick() {
    var cfirst = container.find( li ).first(), //the current first element
        tomove = cfirst.nextLoop(numSlide - 1, true), //the elements that need to move
        nfirst = tomove.last().nextLoop(1, false); //the new first element

    /*
       Pretend we currently have [A, B, C, D, E, F, G, H, I] and numSlide is 3
       cfirst === [A]
       tomove === [A, B, C]
       nfirst === [D]
    */

    var indent = cfirst.offset().left - nfirst.offset().left;

    if (infinite) {
    ul.not( :animated ).animate({ // not:animated makes sure we only get one @ a time
         left : indent
    },  fast , function() {
        tomove.appendTo(ul); //Move them to the end of the UL
        ul.css({ // left indent of ul
             left : 0
        });
    });
} else {
     // Infinite is turned off, handle it in here
    count = count -1;
    // Animate numElements - numSlide
}
}

是否有任何其他想法? 在这里,这是一场工作:

http://jsfiddle.net/someprimetime/AYfhn/

Answer 1

一种处理方式是经常提及“最后”的<代码><li>(在任何<代码>和t;li>s被移动)和使用>。

var lastIndex = last.index();

if (infinite || (lastIndex + 1 >= rowSize + numSlide)) {
    // animate
} else if (lastIndex >= rowSize) {
    // animate using smaller numSlide
} else {
    // don t animate
}

还有一件事:

您应考虑将你的代码改为。他们很容易书写。你们不需要分发它或任何东西;这只是为了使它更容易地开展工作。具体来说,请见 options andfalls ,并可在上使用 <li>。

友情链接