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

我已经搜索了很多东西，并且确信有人需要这样做，如果这是重复的，那么抱歉。我以我认为是最好的代码的汇编为例，我可以在网上找到这些代码，却无法正常工作。

我知道结构可能还很遥远，但是没有人知道为什么这是错误的。

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

Live example.

最佳答案

有两件事：


您需要的是条件if statement，这是该语言的基础。
仅在使用绝对定位时才考虑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.

关于javascript - 根据选择的选项运行JQuery动画，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16536248/