Question

我似乎无法将我的jQuery Mobile样式应用于动态填充的选择。我尝试过添加主题，手动添加样式，刷新，$('.ui-page-active').trigger('create');等没有运气。选择：

<select id="CandidatesListBox" data-placeholder="true" onchange="myMethod()" style="width: 100%" aria-haspopup="true" class="candidatesList" data-theme="c" ></select>

填写它：

var geocodeOption = document.createElement('option');
//fill option
if (_isMobile) {
    $('#' + geocodesList.id).append(geocodeOption);
    $('select#CandidatesListBox').selectmenu();
    $('select#CandidatesListBox').selectmenu('refresh', true);  
}

选择下拉列表本身具有正确的样式，但没有别的。如果我添加

geocodeOption.className = geocodeOption.className + ' ui-btn';选择只是看起来像一个选择和一个按钮，再次选项不包含样式。

我还尝试阅读jQuery表单link 1和link 2但没有运气。我正在使用jQuery Mobile 1.4.2。

Answer 1

这实际上不是问题。我无法设置选项的样式，因为通常options cannot be styled。这不是问题，因为Android OS处理了选项样式。我无法看到这一点，因为Google Canary没有渲染Android选项样式，而是渲染了Windows选项样式。

JQuery Mobile：动态填充选择不获取CSS样式

1 个答案: