動態下拉創建使用jQuery Mobile的

Question

當我使用jQuery Mobile的創建下拉列表下面的代碼不工作

$(function(){ 
     $('#hello').append('<select id="myselect" data-native-menu="false">'+ 
    ' <option>1</option>'+ 
    '<option>2</option>'+ 
    '<option>3</option>'+ 
    '<option>4</option>'+ 
    '<option>5</option>'+ 
    '<option>6</option>'+ 
    '</select>'+ 
    '<div id="keyOpen" style="background-color: blue;"></div>'+ 
    '<div id="keyClose"></div>'); 

    $("#myselect").selectmenu("refresh"); 
    $(document).keyup(function(e){ 
    if(e.which >= 48 && e.which <= 57){ 
    $("#myselect").selectmenu("open");//this should open the select 
    $("#keyOpen").empty().text(e.which); 
    }else if(e.which >= 58 && e.which <= 90){ 
    $("#myselect").selectmenu("close");//this should close the select 
    $("#keyClose").empty().text(e.which); 
    } 
    }); 
    }); 

相同的代碼工作正常，當我把這些代碼人體

內部工作代碼：

<select id="myselect" data-native-menu="false"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
    <option>4</option> 
    <option>5</option> 
    <option>6</option> 
    </select> 
    <div id="keyOpen" style="background-color: blue;"></div> 
    <div id="keyClose"></div> 

Answer 1

僅在對現有的select進行修改時才使用$(".selector").selectmenu("refresh")。

每當您附加新的select時，請使用$(".selector").selectmenu();來增強它。

Demo