jquery - jQuery 动画不起作用（margin-left -200 到 margin-left +200）

Question

我正在尝试使用 .animate 让我的一些文本从左侧滑入，但它不起作用。

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>

Answer 1

您的代码存在三个问题：

• Ready 事件应该绑定在 上document，或者使用$(function)语法。
• +=200仅从-200to动画-200 + 200 = 0，使用200或者+=400
• src 应该是js/jquery-1.9.1.js- 即始终在 URI 中使用正斜杠

因此

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

Answer 2

我认为你的意思$(document).ready不是 `$("body").ready。

并且 src 应该js/jquery-1.9.1.js带有 url 使用的正斜杠。

Answer 3

你的css错了。没有 .body 元素

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

它应该是 $(document).ready

http://jsfiddle.net/RHHjf/