Question

我试图找出如何为jqueryui控制组selectmenu启用垂直溢出。内容是动态的，因此有容器掉落和刷新。一切正常，但是当它成为控制组的一部分时，我无法让css在选择菜单上工作。（独立选择菜单工作正常）

html div holder：

    <div id="info1" class="info1" style="font-size:.9em;">

代码：

   $('#info1').empty();
        $('<button id="infofirst" name="infofirst" data-icon="ui-icon-seek-first">First</button><button id="infoprevious" name="infoprevious">Previous</button>').appendTo('#info1');
        while(countera-1 < sp){
        $('<label for="infolist'+countera+'">'+countera+'</label><input type="radio" name="infolist" id="infolist'+countera+'" value='+countera+'>'
        ).appendTo('#info1');
        countera++;}
        $('<select id="listmoreinfo1" name="listmoreinfo1"><option disabled selected>More info... ('+tp+' Total)</option>').appendTo( '#info1' );
        var counter = 1;
        while(tp+1 > counter){
            $('<option value="'+counter+'">Entry '+counter+' of '+tp+'</option>').appendTo( '#listmoreinfo1' );
            counter++;
        }
        $('<button id="infonext" name="infonext">Next</button><button id="infolast" name="infolast">Last</button>').appendTo( '#info1' );
        $( ".info1" ).controlgroup();
        $( ".info1" ).controlgroup("refresh");
        $(".listmoreinfo1")
            .selectmenu({
                classes:{
                    "overflow2"
                }
            });
        $('#infolist'+p).prop('checked', true);
        $( ".info1" ).controlgroup("refresh");

和风格

    .overflow2 {
height:200px;
overflow-y:scroll;

}

我认为必须有一个我错过的简单解决方案。

非常感谢。

Answer 1

好吧，我终于找到了自己的解决方案......

.ui-autocomplete{overflow-y:scroll;height:200px;overflow-x:hidden;}

这是我发现能够处理下拉列表溢出的唯一方法。

jqueryUI控件组子选择器溢出

1 个答案: