2012-05-08 58 views
0

我想創建一個JQuery插件來從右向左滑動一些圖像。JQuery Animate .offset().position()返回NULL

我試圖尋找一個插件,但我想我會自己創建它。
我有什麼:
- 幾個DIV元素是這樣的:

<div class="footer_image_div project"> 
</div> 
  • 我想如果我檢索項目的所有位置,並將其動畫260向左它會工作

我試圖

$(function(){ 
     $('.project').each(function() { 
      alert('a'); 
      var elm = $(this); 
      elm.find(".project").animate({}, 500, function(){ 
       var pos = elm.find(".project").position(); 
       alert(pos.top); 
      }); 

     }); 
     }); 

我沒有嘗試偏移,也都返回NULL。

我該怎麼辦? 我應該在哪裏看?我很困惑

+1

爲什麼'elm.find( '項目')'?它們是嵌套的嗎?爲什麼不簡單地「榆樹」? – kapa

回答

0
$(function(){ 
    $('.project').each(function() { 
     alert('a'); 
     var elm = $(this); 
     elm.animate({}, 500, function(){ 
      var pos = elm.position(); 
      alert(pos.top); 
     }); 

    }); 
    }); 
+0

謝謝你的幫助:D 它確實返回了位置,但現在我發現這並不是真的需要。點擊(function(){('。project')。each(function(){var_em = $(this)}這個代碼就是這個代碼$(「#btn_test」)。 ); elm.animate( { 左: '+ = 260px' },500,函數(){ }); }); });'code'但是,如果我按下測試它不」不要做任何事情,也不會有錯誤 – Hawiak

0
// This code will work right if `.project` is not nested. 

.project { 
    position: absolute; 
} 

$('.project').each(function() { 
     var elm = $(this); 
     elm.animate({ 
     left: '+=260px' 
     }, 500, function(){ 
     var pos = elm.position(); 
     }); 
});