Jquery slider 效果

Question

我正在使用 jQuery 在按钮单击时实现 slider 效果。我的代码是:

$(document).ready(function() {

  $("#mybutton").click(function () { 
      $("#slidemarginleft").hide("slide", { direction: "down" }, 1000);
});
});

当我点击按钮时，发生 JavaScript 错误:

f.easing[e.animatedProperties[this.prop]] is not a function

Answer 1

他提供的代码片段直接来自 jQuery UI documentation :

$("div").click(function () {
  $(this).hide("slide", { direction: "down" }, 1000);
});

我刚刚收到此错误，问题是 jQuery UI 脚本未加载(天啊!)。缓动动画需要 jQuery UI。

尝试添加此内容以查看是否可以解决问题:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>