jqueryUI控件組子選擇器溢出

我想弄清楚如何爲jqueryui controlgroup selectmenu啓用垂直溢出。內容是動態的，所以有容器掉落和刷新。一切正常，但是當它屬於控制組時，我無法讓CSS在selectmenu上工作。（獨立selectmenu正常工作）jqueryUI控件組子選擇器溢出

HTML DIV持有人：

<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;

}

我在想我必須有一個簡單的解決方案，我只是想念。

很多謝謝。

來源

2016-11-18 CoderA

好吧，我終於找到了我自己的解決方案....

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

這是我發現能夠處理下拉列表中溢出的唯一途徑。

來源

2016-12-13 20:58:47 CoderA

jqueryUI控件組子選擇器溢出

回答

相關問題