0

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

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

感谢您的任何帮助！
此致。

4

1 回答 1

1

我想问题在于 awsaccordion 的来源。

使用水平手风琴时，get CSS<div/>的所有子项都<li/>适用。

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 上。

于 2013-07-26T10:02:28.537 回答