溢出

0

我使用Bootstrap-Select一个jQuery UI的手风琴内的JQuery UI手风琴过渡的问题,以便它能够正常工作,我需要风格的手风琴的内容如下:溢出

CSS:

.ui-accordion-content { 
    overflow: visible !important; 
} 

Bootstrap-select按预期工作,但会导致标头之间的转换混乱。如果没有溢出的CSS,过渡正常工作,但随后的引导,选择休息.. enter image description here

HTML:

<div id="accordion"> 
    <h3>Header Two (Bootstrap-Select)</h3> 
    <div> 
    <select class="selectpicker form-control" data-live-search="true"> 
     <option>Select 1, Option 1</option> 
     <option>Select 1, Option 2</option> 
     <option>Select 1, Option 3</option> 
     <option>Select 1, Option 4</option> 
     <option>Select 1, Option 5</option> 
    </select> 
    </div> 
</div> 

JS:

$("#accordion").accordion({ 
    heightStyle: "content" 
}); 

JSFiddle Demo

+0

你说的BS-选择休息的意思。你确定你有data-live-search = true吗?它似乎在为我工作https://jsfiddle.net/zgoxjob6/1/ – Miro

+0

@miro添加了一个BS-Select在禁用溢出时的样子。 – Ali

回答

1

你可以将data-container="body"添加到选择标记并删除css溢出。我认为这是你正在寻找的结果:

https://jsfiddle.net/hbmjvr7L/

+0

完美!谢谢! – Ali