Question

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

JSFiddle就在这里

我的代码

<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的内容，请阅读更多here。

使用hide() jQuery方法，您可以将函数作为最后一个参数传递。请参阅documentation。

complete

输入：Function()

动画完成后调用的函数。

Answer 2

你唯一的问题是没有定义callback，除去它并且它可以正常工作。

Answer 3

如果这是您的全部代码，则必须先将脚本包装在<script>标记中，然后再执行任何操作。

它似乎也打破了“回调”，所以尝试删除该论点。

<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 );
});
</script>

请参阅：http://jsfiddle.net/L3pMG/5/

为什么我的div不会消失

3 个答案: