即使我在选择列表中选择了一个元素,它也不会显示在选择框中。
请在下面找到我的 css 代码:
<li class="ui-field-contain ui-li-static ui-body-inherit" data-role="fieldcontain">
<label for="select-choice-1b" class="select">Type:</label>
<div class="ui-select">
<div class="ui-btn ui-icon-carat-d ui-btn-icon-right ui-corner-all ui-shadow">
<select len="50" calculated="false" related_module="" required="" id_name="" group="" type="enum" name="account_type" data-native-menu="false">
<option value=""></option>
<option value="Analyst">Analyst</option>
<option value="Competitor">Competitor</option>
<option value="Customer">Customer</option>
<option value="Integrator">Integrator</option>
<option value="Investor">Investor</option>
<option value="Partner">Partner</option>
<option value="Press">Press</option>
<option value="Prospect">Prospect</option>
<option value="Reseller">Reseller</option>
<option value="Other">Other</option>
</select>
</div>
</div>
</li>
请帮助我是 jquery Mobile 的新手。
最佳答案
无需自己注入(inject) jQM CSS,只需添加常规 HTML 标记,然后调用 .enhanceWithin() 在包含的 DOM 元素上强制 jQM 添加所有样式和功能。
鉴于此页面标记:
<div data-role="page" id="page1">
<div data-role="header">
<h1>My page</h1>
</div>
<div role="main" class="ui-content">
<div id="container"></div>
</div>
</div>
以下脚本将在第一个列表项中动态添加一个带有选择框的 ListView :
var dyn = '<ul data-role="listview"><li><select name="account_type" id="account_type" data-native-menu="false"><option value=""></option><option value="Analyst">Analyst</option><option value="Competitor">Competitor</option><option value="Customer">Customer</option><option value="Integrator">Integrator</option><option value="Investor">Investor</option><option value="Partner">Partner</option><option value="Press">Press</option><option value="Prospect">Prospect</option><option value="Reseller">Reseller</option><option value="Other">Other</option></select></li></ul>';
$("#container").empty().append(dyn).enhanceWithin();
Here is a DEMO
关于jquery - 所选元素未显示在 jquery 移动选择中 - nativedroid,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24414115/