自定义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>