为什么 Chosen.js 在 awsAccordion.js 中不起作用？

Question

我在使用awsAccordion.js 创建的列表手风琴内使用Chosen.js 创建的选择框有问题。
在我的网站中，选择在手风琴内工作正常，但是当我单击选择以选择一个选项时，我隐藏了下拉菜单（如 this screenshot 所示），因为手风琴 div 是 overflow:hidden，所以我尝试用所有方法解决这个问题Github 和 solution 中列出的解决方案，但这些都不起作用。当我关闭手风琴时，awsAccordion 崩溃了。

为什么 Chosen 在 awsAccordion 中不能正常工作？

小提琴：http://jsfiddle.net/8Tcjq/1/

感谢您的帮助！
最好的问候。

Answer 1

我猜问题出在 awsaccordion 的来源上。

当使用水平手风琴时，<li/> 的所有 <div/> 子代都将应用 CSS。

for (i = 0; i < $(headLis).parent().find('li').length; i++) {
  $(headLis).parent().find('li').eq(i).css({
    'width': settings.cssAttrsHor.liWidth + 'px',
    'height': settings.cssAttrsHor.liHeight + 'px'
  }).find('div').css({
    'left': settings.cssAttrsHor.liWidth + 'px',
    'width': methods.calcDivWidthHor() + 'px',
    'height': settings.cssAttrsHor.liHeight + 'px'
  });
}

但这会破坏 Chosen 的显示（可能还有许多其他放置在手风琴内的 html），如您在小提琴中看到的那样。

当我查看 awsAccordion 的存储库时，我看到有 2 个观察者、3 个星和 3 个分叉，我将其解释为未经过很好测试或广泛使用的库。所以我猜问题出在 awsAccordion 而不是 Chosen。