4

ここに画像の説明を入力- コンテナーの寸法の変更により、
#backlogEpic で定義されている幅、つまり 526px をカスタマイズできますが、高さは
カスタマイズできません。コンテナーによって割り当てられた垂直方向のスペースを埋めるために、heightStyle オプションを「塗りつぶし」に設定しましたが、まだうまくいきません
。その取得は、「auto」を使用したデフォルトの高さです。高さをカスタマイズするにはどうすればよい
ですか。画像に表示されている場合は、エキスパンド パネルがコンテナから出ています。

     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"
      });    });
4

3 に答える 3

1

私はあなたと同じ問題と戦ってきました。私のサイトは jQuery 1.9.1 と jQueryUI 1.10.2 を使用しています。私の努力はすべて親divに向けられていましたが、ドキュメントや議論からは何もうまくいきませんでした. 昨日、Mottie が親ではなく各アコーディオン パネルの CSS を変更することを提案するSO トピックjquery 1.9 アコーディオンの高さの問題を発見しました。

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

昨日から行った限られたテストでは、これにより、アコーディオンがコンテナから溢れるという問題が解決されました。

于 2013-05-24T18:03:31.367 に答える
0

これを試して。作成イベント時:

  1. アコーディオンヘッダーを数える --> c
  2. コンテンツの高さを計算します: 親の高さ (#content) - (c * アコーディオンの高さ)
  3. コンテンツ (.ui-accordion-content) の外側の高さを設定します。

jqueryのheight vs innerheight vs outerheightに注意する必要があります

$( "#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-02T06:14:52.817 に答える