Question

我在使用Chosen.js创建的列表手风琴中使用awsAccordion.js创建的选择框时出现问题。
在我的网站中，选择在手风琴中工作得很好但是当我点击选择以选择一个选项时我会隐藏下拉（如this screenshot所示），因为手风琴div是overflow:hidden，所以我试图解决这个问题与Github中列出的所有解决方案以及solution中列出的所有解决方案相同，但这两种解决方案均无效。当我关闭手风琴 awsAccordion 崩溃时。

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

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

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

Answer 1

我想问题在于awsacordion的来源。

当使用水平手风琴时，<div/>的所有<li/>个孩子都会使用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'
  });
}

但是这会打破选择的显示（可能还有很多其他的html放在手风琴里面），就像你的小提琴一样。

当我看到awsAccordion的存储库时，我看到有2个观察者，3个星和3个分支，我将其解释为一个不是很好的测试或广泛使用的库。所以我猜问题是awsAccordion，而不是选择。

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

1 个答案: