0

JQuery Mobile ドロップダウン リストがモバイル ルックとして書式設定されていませんか? AJAX を介して動的データを読み込んでいますが、ドロップダウンはネイティブの外観を保持していますが、AJAX を介して静的コンテンツを読み込むと、フォーマットが MOBILE の外観で表示されます。

HTML:

<div data-role="page" data-theme="b" id="roster" data-add-back-btn="true">
    <div data-role="header" class="tb">
        <h1>Roster</h1>
        <a class="ui-btn-right" id="infoButton" onclick="openPickDate();">+</a>
    </div><!-- /header -->

    <div data-role="content" data-theme="b" id="callback">  
      <!-- CONTENT LOADED VIA AJAX -->          
    </div>

    <div data-role="footer">
        <h4>Page Footer</h4>
    </div><!-- /footer -->
</div>

Jクエリ:

$('#callback').append('<form><div data-role="fieldcontain" id="stations"></div></form>');      
$('#callback #stations').append('<select name="select-native-1" id="lol" onchange="ShowStations();">'+ KeyArray + '</select>');

JSFiddle の例

4

1 に答える 1