jquery-mobile - CheckBox 事件未在移动浏览器中触发，但在桌面上运行正常

Question

我的移动设备浏览器上的复选框单击事件有一些问题。

以下代码在桌面浏览器上运行良好。单击 Checkbox ic 后，我可以看到 TempPage 上显示的文本。

<script type="text/javascript">
    $(document).ready(function(){
    // Check Box click event
    $(".checkboxclass").bind ("click", function (event)
        {
          var tempstring ='<p> CHECKBOX Click works </p>'
          $('.class-TempPage').append(tempstring);
        });
    }
</script>
<!-- ########### -->
<!-- TEMP page -->
<!-- ########### -->
<div data-role="page" id="id-TempPage">
    <div data-role="content">   
        <div class="class-TempPage">
        </div>
    </div><!-- /content -->
</div><!-- /page -->

<!-- ########### -->
<!-- CHECKBOX page -->
<!-- ########### -->

<div data-role="page" id="id-CheckBoxPage">
    <div data-role="content">   
        <div class="class-CheckBoxPage">
                <ul id="dataPointList" data-role="listview" data-filter="true">
                    <li>
                        <input type="checkbox"  id="checkbox-4"  />
                            <label class="checkboxclass" for="checkbox-4" data-iconpos="right">blah4</label>
                    </li>
                </ul>
        </div>
    </div><!-- /content -->
</div><!-- /page -->

但是，当我在手机的浏览器（例如 Dolphin）上运行它时，它不起作用。

为什么呢？如何解决这个问题？

这个链接——http: //jquerymobile.com/demos/1.0a4.1/docs/forms/forms-checkboxes.html——提到了一些东西，不确定是否相关。

谢谢。