heightStyle：「補」是不是在jQuery中

enter image description here 工作手風琴 - 隨着集裝箱的尺寸的變化，我可以自定義在#backlogEpic即526px定義，但高度不是
定製
寬度。爲了填充由其容器分配的垂直空間，i 已經將heightStyle選項設置爲「填充」，但仍然不工作
out。它採用'自動'的默認高度。我如何定製
我的身高。如果您在圖像中看到展開的面板將從容器中移出。heightStyle：「補」是不是在jQuery中

 html:- 
     <div id="backlogEpic" class="ui-widget-content"> 
     <div id="backlogAccordion"> 
     <--- accordian code----> 
     </div> 
     </div> 

    css :- 
     #backlogEpic{ 
     padding: 10px; height: 200px; width: 526px; right: 25px; } 

    javascript:- 


    $(function() { 

     $("#backlogEpic").resizable({ 
     minHeight:140, 
      minWidth: 150, 
      resize: function() { 
       $("#backlogAccordion").accordion("refresh"); 
      } 
     }); 
     $("#backlogAccordion").accordion({ 
      heightStyle: "fill" 
     }); });

來源

2012-11-26 Little bird

外觀表明存在尚未清除的浮點，導致包裝容器出現。嘗試在手風琴之後添加一個「清晰」元素：

.clearer{ 
clear:both: 
height:1px; 
margin-bottom:-1px; 
} 

<div id="backlogEpic" class="ui-widget-content"> 
    <div id="backlogAccordion"> 
    <--- accordian code----> 
    </div> 
    <div class='clearer'></div> 
</div>

來源

2012-11-26 16:23:05 TNCodeMonkey

的outerheight沒有它不工作了。 :( –

我一直在和你一樣對抗同樣的問題。我的網站使用jQuery 1.9.1和jQueryUI 1.10.2。我所有的努力都是在母公司，但文件或討論中沒有任何工作。昨天，我發現了SO話題jquery 1.9 accordion height issue其中Mottie建議修改CSS每個手風琴面板代替父：

#accordion .ui-accordion-content {  
    max-height: 400px; 
    overflow-y: auto; 
}

在有限的測試，因爲昨天我已經做了，這解決了我的手風琴溢出的問題，其容器。

來源

2013-05-24 18:03:31

試試這個。在創建事件：

算上手風琴標題 - 「ç
計算含量高：父母的身高（＃內容） - （C * acordion高度）
設置的內容（的.ui-手風琴內容）外部高度;

你應該知道關於高度VS innerheight VS jQuery的

$("#accordion").accordion({ 
    heightStyle: "fill", 
    collapsible:true, 
    active:false, 
    animate:300, 
    create: function(event, ui) { 
     var c=$(".ui-accordion-header").length; 
     var h=$("#content").height() - (c* $(".ui-accordion-header").outerHeight(true)); 
     $(".ui-accordion-content").outerHeight(h); 
    } 
});

來源

2014-10-02 06:14:52 Rommel

heightStyle：「補」是不是在jQuery中

回答

相關問題