定製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>