從動畫過去，它的邊緣

Question

我有其中包含從數據庫項目的變化量DIV停止動態寬度DIV。我已經設置了DIV動畫加/減894px從它被點擊下一個/上一個按鈕時，當前位置。現在我想從過去的動畫或0像素過去它是最後一個孩子停下來，但我在努力得到它的工作，而無需使用一個固定的寬度DIV。有誰知道解決方案？由於

http://jsfiddle.net/Drennan/mMMfn/

$('#right').each(
    function(){ 
     $(this).bind (
      "click", 
      function(event){ 
       $('#inner').animate(
        {left:"-=894px"}, { 
         duration:'slow', 
         easing:'swing' 
       }); 
      } 
     ); 
    } 
); 

$('#left').each(
    function(){ 
     $(this).bind (
      "click", 
      function(event){ 
       $('#inner').animate(
        {left:"+=894px"}, { 
         duration:'slow', 
         easing:'swing' 
       }); 
      } 
     ); 
    } 
); 



}); 

Answer 1

我一直在你的jsfiddle一點玩耍。

這是你想要做什麼？ http://jsfiddle.net/2cmNf/

我添加了一個if語句的「next」函數測試是否#inner div的最後一個項目是關於去關閉屏幕。

if ($('#inner').position().left + $('#inner').width() > 294) { //animate it to move left }

else { //do nothing, or maybe you could grey out the next button if there are no more items. Whatever you want. }