slideUp / Down无法使用jQuery UI对话框？

Question

您好我正在尝试修复更大程序中的错误，并且当最初隐藏对话框时，该错误与slideUp / Down无法在对话框中工作有关。我做了jsbin test case。预期的行为是“面板1”文本应向上滑动并隐藏。实际行为是没有真正发生的事情。

如何解决此问题或解决此问题？

Answer 1

我通过将slideUp函数带到对话框中的open事件来实现它：

$(document).ready(function(){
  $('#diag').dialog({
    modal: true,
    autoOpen: false,
    height: 300,
    width: 300,
    open: function(){
      $('#pnl1').slideUp('slow');
    }
  });
  $('#diag').show();  
  $('#diag').dialog('open');
});

我还添加了$（'＃diag'）。show（）;为了安全起见。

为了提高性能，您可能希望将元素存储到自己的变量中，而不是让JQuery遍历DOM以便每次都查找它们。例如：

var diag= $('#diag');
diag.dialog('open');