Question

链接：https://jsfiddle.net/nbonne/9hcoy9j8/

我的目标是让中蓝色的盒子在按下搜索按钮时向上移动。

我知道我的选择器是用于“形式”而且它正试图改变背景，我无法获得任何动画效果。

我认为这是完成它的正确方法，但没有任何反应：

$("#search-btn").click(function{
    $("controls-main").animate({
        background: "red"
    }, 500);
})

Answer 1

jQuery本身不能为颜色设置动画。你需要另一个像jQuery UI这样的库。有关详细信息，请参阅this SO answer。

Answer 2

小提琴：

第二次单击处理程序缺少括号（控制台中的语法错误）
您的表单html代码（空选择器）
$（'search'）是一个错误的选择器。你可能想要$（'[name = search]'）;
你是动画背景，jQuery的动画没有动画。

更新了工作小提琴：https://jsfiddle.net/9hcoy9j8/18/

$(document).ready(function() {
  $(".rand-wiki").click(function() {
    window.open("https://en.wikipedia.org/wiki/Special:Random");
  });
  $(".s-form").on('click', function () {
    $("[name=search]").animate({
      marginTop: '40px'
    }, 500);
  });
});

我无法让.animate（）工作

2 个答案: