slideUp / Down не работает с диалогом jQuery UI?

Question

Здравствуйте. Я пытаюсь исправить ошибку в более крупной программе, и ошибка связана с тем, что slideUp / Down не работает в диалоге, когда диалог изначально скрыт. Я сделал jsbin тестовый случай . Предполагаемое поведение заключается в том, что текст «панели 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');