jqWidgets标签内的jQuery选上的下拉菜单未呈现，正确

我使用与标签里面的内容jQuery的选上的下拉菜单jqWidgets标签jqWidgets标签内的jQuery选上的下拉菜单未呈现，正确

我遇到的问题是，当我点击打开DIV被修剪掉的下拉在标签的底部 - 我期待下拉弹出来覆盖一切，完全显示

请参见下面的基本示例重现行为：

如何通过最小的黑客入侵他们的样式表来补救此问题？

<html> 
<div style="width : 500px; height : 180px;"> 
<div id="tabs"> 
    <ul> 
     <li>Test</li> 
    </ul> 
    <div> 
     <label>Test:</label> 
     <select id="target" style="width : 80px"></select> 
    </div> 
</div> 
</div> 
</html> 

<script> 
$("#tabs").jqxTabs({ 
     position : 'top', 
     animationType : 'fade', 
     selectionTracker: true, 
     height : '180px' 
    }); 

// the following lines are just for filling the sample dropdown with some values 
var html = ''; 
for (var x = 0; x < 100; x++) { 
    html += '<option value="'+x+'">'+x+'</option>'; 
} 
$("#target").html(html); 
// apply the chosen library to this dropdown 
$("#target").chosen(); 
</script>

请参阅小提琴代码我没有复制的document.ready呼叫我的片段上方

来源

2013-03-06 Trant

的问题是，在div容器所选择下拉菜单中有一组高度。所以如果Chosen比容器div的高度延伸得更远，它就会被切断。你可以尝试是增加所选择下拉菜单：

position: absolute

这样，它会带出页面的正常流动，换句话说，不局限于高度的它的父容器。

来源

2013-03-06 19:02:00 sweetamylase

感谢您的建议。我看着选择的CSS，它看起来像他们已经做的位置：绝对的类“chzn-drop” – Trant 2013-03-06 19:12:25

jqWidgets标签内的jQuery选上的下拉菜单未呈现，正确

回答

相关问题