为什么我的div不会消失

Question

我正在尝试使用Jquery.UI库,问题是,jqueryui.com上给出的示例是当你传递效果类型时,我想加载淡出

JSFiddle就在这里

http://jsfiddle.net/L3pMG/2/

我的代码

<div id="effect">
    <h3>Hide</h3>
    <p>Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.</p>
</div>

<script>
  $( document ).ready(function() {
         $( "#effect" ).hide( "blind", 1000, callback );
  });
</script>

Answer 1

因为callback没有定义.这就是您收到错误并且代码无法运行的原因.

您可以简单地删除它或定义callback函数:

$( document ).ready(function() {
    $( "#effect" ).hide( "blind", 1000);
});

要么

$( document ).ready(function() {
   var callback = function () { console.log("foo"); }
   $( "#effect" ).hide( "blind", 1000, callback);
});

的jsfiddle

要了解它是什么callback,请在此处阅读更多内容.

使用hide()jQuery方法,您可以将函数作为最后一个参数传递.请参阅文档.

complete

类型: Function()

动画完成后调用的函数.