Question

我已经为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 -->

Answer 1

我不知道我是否理解你的问题，但这可能就是答案：

尝试刷新您的选择菜单，如下所示：

$("select").selectmenu();

工作示例http://jsfiddle.net/PG2bV/54/

编辑

我改变了你的代码。这就是我通常用来构建选择的方法。

jquery mobile fieldcontain css错误

1 个答案: