Question

我在一个可拖动的div中有一个jquery手风琴。一旦div被拖动，它就会变成一个固定的高度，并且不会像预期的那样对手风琴做出反应。有什么建议吗？

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

   $(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';
});

Answer 2

看起来很奇怪，因为它没有动画，但添加了$（＆＃39; #printmenu＆＃39;）。css（＆＃39; height＆＃39;，＆＃39; auto＆＃39;）对于手风琴的激活事件，确实适当地调整了盒子的大小：

$(function () {
    $(".draggable").draggable();
    $(".closedaccordion").accordion({
        activate: function () {
            $('#printmenu').css('height', 'auto');
        },
        collapsible: true,
        active: false
    });
    $(".openaccordion").accordion({
        collapsible: true
    });
});

Jquery，draggable div不会在使用Firefox

2 个答案: