javascript - 根据选择的选项运行 JQuery 动画

Question

我已经搜索了很多，并且确定之前有人需要这样做，如果这是重复的，我很抱歉。我采用了我认为是我可以在网上找到的最佳代码的汇编，但无法使任何工作正常进行。

我知道这个结构可能有问题，但有谁知道为什么这是错误的。

$(document).ready(function () {
  $("select[name='selector']").change(function () {
    $(this).children(':selected').hasClass('three') {
      $("#mover").animate({
        "left": "+=50px"
      });
    };
  });
});

Live example.

Answer 1

一些事情:

1. 你需要的是有条件的 if statement ，这是语言的基础。
2. left CSS attribute只有在使用绝对定位时才会考虑。

至于代码，

#mover {
    position: absolute;
}

$(document).ready(function () {
    var $selector = $("select[name='selector']"), $mover = $("#mover");
    $selector.change(function () {
        if ($selector.children(':selected').hasClass('three')) {
            $mover.animate({
                "left": "+=50px"
            });
        };
    });
});

You can see it here.