JQuery UI Accordion转换溢出问题

Question

我在jQuery UI手风琴中使用Bootstrap-Select，为了使其正常工作，我需要按照以下方式设计手风琴的内容：

CSS：

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

Bootstrap-select按预期工作，但它会导致标头之间的转换陷入困境。没有溢出的css，转换按预期工作，但随后Bootstrap-Select中断..

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

Answer 1

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

https://jsfiddle.net/hbmjvr7L/