jQuery的，可拖動div不會自動調整與使用火狐內部手風琴的大小

我有一個可拖動的div內的jQuery手風琴。一旦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>

在重複的問題中顯示的答案不爲我工作，所以我要補充這個問題！

來源

2016-02-06 David A

FYI，似乎在Windows的Chrome 48和MS邊緣25爲我工作正常，但無法在Firefox 40.0.2。 –

我的確在用Firefox測試，謝謝你讓我知道。但仍然令人討厭的問題。 –

不客氣。我更新了我的Firefox到最新（44），但它仍然失敗。在此處找到更多信息：http://stackoverflow.com/questions/29066514/jquery-accordion-on-draggable-element-height-of-draggable-not-auto-resize –

我用這個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'; 
});

來源

2016-02-06 06:15:49

它看起來出問題的，因爲它沒有動畫，但添加$（「＃printmenu」）的CSS（「高度」，「汽車」）在手風琴的Activate事件不正確調整框：

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

來源

2016-02-06 05:17:31

我試過，但它沒有工作，當我在Firefox中使用檢查元素的高度被設置爲332px後拖動。我最終解決了這個問題，我會發布答案，但請告訴我，如果這不是一個好的做法！ –

jQuery的，可拖動div不會自動調整與使用火狐內部手風琴的大小

回答

相關問題