定制jQuery Mobile的复选框标签

Question

我和同时包含项目名称和描述，你可以在这里看到的自定义标签的复选框的<fieldset>：

演示：http://jsfiddle.net/Zw823/

在第三个复选框我需要自定义<input type="number" />下面的描述，只有当它的复选框被选中时才可以编辑。可能吗？我试图将标签+输入<div data-role="fieldcontain">放置在<p>以下，但<input/>号码未按预期显示......我如何实现该目标？先谢谢你！

Answer 1

这就是我设法做你想做的事。诀窍是在页面底部加载jquery脚本，因此您不必致电trigger('create')并破坏代码。

<fieldset data-role="controlgroup" > 
<label for="check-1" > 
    <a class="ui-li-heading" href="">Service 1</a> 
    <p class="ui-li-desc">Lorem ipsum text</p> 
</label> 
<input type="checkbox" id="check-1" data-iconpos="left"> 
</fieldset> 
<!-- rest of your data-role="page" --> 
</div> <!-- end of page --> 
<script src="jquery.min.js"></script> 
<script src="jquery-mobile.min.js"></script> 
</body> 
</html>