jQuery animate 不工作(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事件应该绑定(bind)在document上，或者使用$(function)语法。
• +=200 仅从 -200 到 -200 + 200 = 0 进行动画处理，使用 200或 +=400
• src 应该是 js/jquery-1.9.1.js - 即始终在 URI 中使用正斜杠

因此

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