無法將div移動到正在動態創建的

Question

我在我的div左右兩側有2個按鈕。當我點擊右鍵時，它需要向右移動，而對於左鍵，它需要移動到左邊。我用：

  $('.left').click(function(e) { 
        $('#votersDetailsTable').animate({ 
        'marginLeft': '30px' 
        });     
      }); 

我可以使用像

  $('.left').click(function(e) {   

      $('#votersDetailsTable').live("animate",{ 
      'marginLeft': '30px' 
      });     
     }); 

這裏maindiv也是動態創建。我是無法移動div.Please幫助me.Thanks提前..

Answer 1

試把div的位置relative在你的css文件中

#mainDiv{ 
    position:relative; 
} 

Answer 2

我們需要查看更多包含這些按鈕的css和html。但是，您的問題是，您正在爲屬性left設置動畫，如果#mainDiv位於absolute（或fixed），則該屬性僅會執行某些操作。

您可以在jQuery.animate()內更改的屬性是css屬性。所以你可能需要marginLeft。

一般來說，當我必須動態地創建元素然後爲它們設置動畫時，我會寫出前後的html/css並找出差異，以便確定哪些屬性需要動畫。

Answer 3

在動畫之前放置警報以檢查控件是否進入了點擊功能。如果沒有 嘗試使用.live().on()代替

Answer 4

Working Demo

Refer to MDN Docs for left css property

left僅適用於定位元素的

#mainDiv{ 
    position:relative; 
}