jQuery animate不起作用（margin-left -200 to margin-left +200）

我試圖讓我的一些文本從左側滑入使用.animate，但它不起作用。jQuery animate不起作用（margin-left -200 to margin-left +200）

CSS

.body #header > a { 
    font-family: Georgia, Courier, Verdana; 
    font-size: 30px; 
    padding: 24px; 
    border-left: 3px solid red; 
    margin-left: -200px; 
     ... 
}

jQuery的

$("body").ready(function() { 
    $('#header a').animate({"margin-left": '+=200'});

此外，用於連接我下載了jQuery文件的HTML（適用於幻燈片，但僅限於正常.slide）

<script type='text/javascript' src='js\jquery-1.9.1.js'></script>

來源

2013-08-06 Arpad Gabor

你確認你的'.ready'功能被啓用？ –

你的代碼工作正常，除非在你的CSS。body指的是一些元素，我忽略了。確保你的jQuery庫加載正確。查看http://jsfiddle.net/4LR4g/ –

三個問題與您的代碼：

就緒事件應該document的約束，或者使用$(function)語法。
+=200僅從-200動畫播放至-200 + 200 = 0，使用200或+=400
src應該在js/jquery-1.9.1.js - 這是中使用正總是斜槓的URI

因此

$(function() { 
    $('#header a').animate({"margin-left": '+=400'}); 
});

來源

2013-08-06 17:06:41

非常感謝。工作。看起來我必須努力工作才能正確學習jQuery。 :) –

我想你的意思$(document).ready不是`$（「body」）。ready。

而src應該是js/jquery-1.9.1.js，其中包含網址使用的正斜槓。

來源

2013-08-06 17:06:49 earl3s

'$（'body'）。ready'也可以。 – putvande

你的css是錯誤的。沒有。體元素

#header > a { 
    font-family: Georgia, Courier, Verdana; 
    font-size: 30px; 
    padding: 24px; 
    border-left: 3px solid red; 
    margin-left: -200px; 
}

它應該是$（文件）。就緒

http://jsfiddle.net/RHHjf/

來源

2013-08-06 17:12:06

.body是我創建的div。 –

jQuery animate不起作用（margin-left -200 to margin-left +200）

回答

相關問題