2011-05-14 67 views
1

我是jQuery初學者:)我正在嘗試從左向右移動,但我所做的只是向右移動。如何將其移回?用jQuery向左移動

$(function() { 
     $('#box').click(function() { 
      $(this).animate({ 
       "left" : "300px" 
     }, 4000); 
    }); 
}); 

此外,我有我的頁面更新面板左右按鈕,在代碼後面做一些事情。如何從後面的代碼調用這個左/右函數?

回答

2

要移回左邊,你只是追加另一動畫:

$(function() { 
    $('#box').click(function() { 
    $(this).animate({ 
     "left" : "300px" 
    }, 4000).animate({ 
     "left" : "0px" 
    }, 4000); 
    }); 
}); 

這是一個匿名函數作爲事件處理程序,你不能打電話,也只會對在div單擊事件運行。你可以將它移動到外面

$(function() { 
    $('#box').click(boxAnimation); 
}); 

function boxAnimation() { 
    $(this).animate({ 
    "left" : "300px" 
    }, 4000).animate({ 
    "left" : "0px" 
    }, 4000); 
} 

然後可能this將有所幫助。

編輯:

我發現了一個article描述如何從代碼隱藏調用JavaScript。

希望它有幫助

+0

謝謝。那麼從後面的代碼中調用這個移動函數呢。 – 1110 2011-05-14 10:11:32

+0

@ 1110檢查鏈接,看看你是否能在那裏找到答案。我不是WebForms開發人員,所以我認爲其他人可以比我更好地回答這個部分:) – 2011-05-14 10:21:54

+0

'$('#box')。click(boxAnimation);'是你的第二個問題的答案。所有你需要的是一個命名函數。 – jackJoe 2011-05-14 11:15:40