jQuery移动:在初始化之前不能在checkboxradio上调用方法；尝试调用方法“刷新”

Question

我正在处理这个问题。这些是我使用的代码，并导致了上述问题。

$(document).ready(function () {
    $("#at-site-btn").bind("tap", function () {
        $.mobile.changePage("view/dialog/at-site.php", { transition:"slidedown", role:"dialog" });
    });
    $('#at-site-page').live('pagecreate', function(){
        var $checked_emp    = $("input[type=checkbox]:checked");
        var $this           = $(this);
        var $msg            = $this.find("#at-site-msg");
        $checked_emp.appendTo($msg);
        $checked_emp.trigger('create');
        $msg.trigger('create');
        $(document).trigger('create');
        $this.trigger('create');
        $("html").trigger('create');

    });
});

解释：

上面的代码位于一个名为hod.php的文件中。该文件包含许多复选框。这些复选框和被同时选中时，当我按下#at-site-btn按钮时，at-site.php就会出现(作为对话框)，并显示每个复选框。

这就是问题发生的地方。当我按下对话框中的“后退”按钮返回到上一页并试图取消选中这些复选框时，出现了标题中提到的错误。在我的代码中没有调用“刷新方法”，所以我不知道如何解决这个问题。

1. 有谁能提出解决这个问题的办法吗？
2. 我用得对吗？(我对jQuery手机非常陌生。如果使用JQM背后有一些概念，请解释给我听，我试过阅读JQM，我觉得很不清楚)。

最诚挚的问候和感谢你的回答。

Answer 1

实际上我用的是翻转开关复选框

<div class="some-checkbox-area">
    <input type="checkbox" data-role="flipswitch" name="flip-checkbox-lesson-complete"
           data-on-text="Complete" data-off-text="Incomplete" data-wrapper-class="custom-size-flipswitch">
</div>

所以不得不这么做

$("div.ui-page-active div.some-checkbox-area div.ui-flipswitch input[type=checkbox]").attr("checked", true).flipswitch( "refresh" ) 

请看我的完整答案这里。