javascript - Jquery，可拖动的div不会使用Firefox在内部自动调整 Accordion 的大小

Question

我在可拖动的 div 中有一个 jquery Accordion 。一旦 div 被拖动，它就会变成一个固定的高度，并且不会像预期的那样对 Accordion 使用react。有什么建议吗？

您可以在 http://addresslabels.tk/templates 看到它不工作只需选择 14 per sheet 模板，它就是左侧的菜单。

   $(function() {
$( ".draggable" ).draggable();
   });

$(function() {
$( ".closedaccordion" ).accordion({
  collapsible: true,
   active: false
});
  $( ".openaccordion" ).accordion({
        collapsible: true,
     });

CSS:

 #printmenu {
 position:fixed;
 width: 235px;
 height: auto;
 padding: 10px;
 border-radius: 5px; 
 }

html

 <div id="printmenu" class="jsonly ui-widget-content draggable">
 <div class="closedaccordion">
 <h3>Accordion</h3>
 <p>content</p>
 </div> 
 </div>

重复问题中显示的答案对我不起作用，所以我必须添加这个问题!

Answer 1

我使用这个 javascript 解决了 firefox 中发生的这个问题 -

$("#printmenu").draggable({ handle: "#printmenutitle" });

$( ".closedaccordion" ).accordion({ collapsible: true, active: false });

$( ".openaccordion" ).accordion({ collapsible: true, });

$('#printmenutitle') .bind('mouseup', function(){
    document.getElementById('printmenu').style.height = 'auto';
});