1

使用 Jquery 移动

我做了两个下拉，在第一个下拉的基础上，第二个下拉值是使用 Ajax 调用从数据库中获取的。

如果我动态添加值，下拉框将失去其 css 样式...

使用 Grid 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 回答