jquery аккордеон на перетаскиваемом элементе, высота перетаскиваемого объекта не изменяется автоматически

Question

Я использую jquery аккордеон на перетаскиваемом элементе, после перетаскивания элемента его высота не изменяется автоматически, когда аккордеон внутри него свернут.

В чем здесь проблема?

Answer 1

Из того, что я обнаружил, кажется, что это повторяющаяся проблема: высота контейнера после перетаскивания не будет возвращена к "авто".

"Ошибка", по-видимому, является ограничением спецификации CSS, которой соответствует Firefox; некоторые подробности и примеры jsfiddle можно найти здесь: http://bugs.jqueryui.com/ticket/10725

Мое решение до сих пор состоит в том, чтобы установить высоту "auto" самостоятельно, когда это необходимо:

$('#container').css({height; 'auto'});

Конечно, это не элегантно, и вы должны писать это после каждого динамического изменения содержимого в вашем контейнере. Тем не менее он заставляет ваш код работать до тех пор, пока не будет добавлена ​​опция (для этого следуйте http://bugs.jqueryui.com/ticket/3011).

ура

Answer 2

Это работает для меня:

$('#container').draggable({
  stop: function() {
    return $(this).css({
      height: 'auto'
    });
  }
});