1

Jquery モバイルの使用

私は2つのドロップダウンを作成しました。最初のドロップダウンに基づいて、2番目のドロップダウン値はAjax呼び出しを使用してデータベースから取得されます。

動的に値を追加すると、ドロップダウン ボックスの CSS スタイルが失われます...

ドロップダウンにグリッド 2 列ビューを使用 ....

<div data-role="fieldcontain">
      <div class="ui-grid-a">
     <div class="ui-block-a-list">
            <label for="p1" style="width:100%" >Type1:</label>
         </div>
         <div class="ui-block-b-list">
            <select id="partner" name="partner" data-icon="arrow-d" data-native-menu="false">
                <option value="all">All</option>
                <option value="p1">1</option>
                <option value="p2">2</option>
            </select>
     </div>
  </div>
        <div class="ui-grid-a">
            <div class="ui-block-a-list">
                <label for="s2">Type 2:</label>
            </div>
            <div class="ui-block-b-list">
                <select id="specialist" name="specialist" data-icon="arrow-d" data-native-menu="false">
                    /* adding options dynamically using server side and ajax call */
                </select>
            </div>
    </div>
     </div>

値は正しい場所に取得されますが、以前と同じ css スタイルの効果を配置することはできません..

4

1 に答える 1

1

jQuery Mobile Docで述べたように：

新しいリスト アイテムがリストに追加されたりリストから削除されたりしても、仕切りは自動的に更新されません。リストビューで refresh() を呼び出して自動仕切りを再描画する必要があります。

したがって、次のようなものを追加してみてください。

  $('#mylist').listview('refresh');

リストに入力した後。

于 2012-08-23T14:14:43.033 に答える