Jquery滑块效果

Question

我在按钮点击时使用jQuery来实现滑块效果.我的代码是:

$(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文档:

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

我刚收到此错误,问题是没有加载jQuery UI脚本(D'哦!).缓动动画需要jQuery UI.

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

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