javascript - jQuery Mobileで動的にselectmenuを作成するにはどうすればよいですか？

Question

要素を動的に作成しようとしてselectいますが、jQueryMobileでスタイル設定されていません。これを達成するための正しい方法は何ですか？

JSFiddle

Answer 1

jsFiddle実例は次のとおりです：http： //jsfiddle.net/Gajotres/dEXac/

$(document).on('pagebeforeshow', '#index', function(){    
    // Add a new select element    
    $('<select>').attr({'name':'select-choice-1','id':'select-choice-1'}).appendTo('[data-role="content"]');
    $('<option>').attr({'value':'1'}).html('Value 1').appendTo('#select-choice-1');
    $('<option>').attr({'value':'2'}).html('Value 2').appendTo('#select-choice-1');    
    // Enhance new select element
    $('select').selectmenu();
});

この記事もご覧ください。jQuery要素のマークアップを強化するさまざまな方法があります。または、ここにあります。

Answer 2

これも機能するはずです:(例では、オプションを追加する方法を示す2つのオプションを追加しています。

$('<select name="sl" id="sl" data-native-menu="false"><option value="clear">That I got</option></select>').appendTo("#output");
$('<option value="clear2">Another That I got</option>').appendTo("#sl");
$('select').selectmenu();

Answer 3

これは私のために働く

$(document).on('change', "body", function(){
    $( ".ui-selectmenu" ).selectmenu();
});