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