JQueryMobileはダイアログボックスのチェックボックスをスタイリングしません

Question

ダイアログボックスとしてページを開きます。このダイアログボックスでは、チェックボックスのスタイルが正しくありません。 checkboxradioを使用してみました

（ "作成"）。喜びはありません。

ダイアログボックスでチェックボックスのスタイルを正しく設定するにはどうすればよいですか？

コードはjsFiddleです。

Answer 1

をここでのドキュメントの例に基づいてhttp://jsfiddle.net/shanabus/8xMX2/12/

：http://jquerymobile.com/demos/1.0a4.1/docs/forms/forms-checkboxes.html

Answer 2

jQuery Mobileでスタイルを設定するには、フォームタグの内側にチェックボックスを置く必要があると思います。

Answer 3

これはバグかもしれません。 <form>タグを追加すると、動作しますが、あなたはまた、checkboxradio()のリフレッシュ作成持っていたが、必要に応じて：

• http://jsfiddle.net/8xMX2/11/

JS

$('#page2').live('pageshow', function(){ 
    $("input[type='checkbox']").checkboxradio("refresh"); 
});​ 

HTMLあなたは配置する必要が

<div data-role="page"> 
    <div data-role="header"> 
     <h1>Page One</h1> 
    </div> 
    <div data-role="content"> 
     <a href="#page2" data-role="button" data-rel="dialog">Open as Dialog</a> 
    </div> 
</div> 
<div id="page2" data-role="page"> 
    <div data-role="header"> 
     <a href="#" data-rel="back">Back</a> 
     <h1>Page Two</h1> 
    </div> 
    <div data-role="content"> 
     <form> 
      This is a dialog Box. 
      JQM seems to be not styling the below checkbox.<br> 

      <input type="checkbox" name="cb1" id="cb1" /> 
      <label for="cb1">A Checkbox</label> 
      <br> 
      A button is styled well.<br> 

      <a href="#" data-role="button">Just a Button</a> 
     </form> 
    </div> 
</div>​