0

data-role fieldcontain にいくつかの選択ボックスを追加しましたが、追加機能は正しくても、jquery mobile は選択ボックスを正しく表示しません。

JS:

var container = $("#addprogram").find(".addprogramlist");
container.empty();
// alert(eArray);
for(var i = 1; i <=7; i++)
{
  var day = getDay(i);
  container.append("<label for='day-" + i + "' class='select'>" + day + "</label><select name='day-" + i + "' id='day-" + i + "'>");

      for (var j = 0; j < eArray.length; j++)
      {

        container.append("<option value='" + eArray[j] + "'>" +  eArray[j] + "</option>");

      }
      container.append("</select>");
}

HTML:

<div data-role="page" id="addprogram">

    <div data-role="header" data-position="fixed">
        <h1>Add Program</h1>
        <a href="#" data-rel="back" data-theme="a">Back</a>
    </div><!-- /header -->
    <div data-role="content" class='addprogramcontent'>
       <div data-role="fieldcontain" class='addprogramlist'>
       </div>
    </div>
</div><!-- /page -->
4

1 に答える 1

1

あなたの問題を正しく理解したかどうかはわかりませんが、これが答えかもしれません:

次のように選択メニューを更新してみてください。

$("select").selectmenu();

実例http://jsfiddle.net/PG2bV/54/

編集

コードを少し変更しました。それが私が通常選択を構築する方法です。

于 2013-06-09T14:05:23.757 に答える