删除 checkboxradio 时 jQueryMobile 未捕获的异常

Question

收到此消息：

Error: cannot call methods on checkboxradio prior to initialization; 
attempted to call method 'refresh'

我关注了这里的演示：Ugly Mongrel

这是我的 JS 的一个片段：

function(){
  var $pbNum = $('<input checked="checked" id="component-pbnum-'+ _val+ 
        '" name="component-pbnum[]'+
        '" type="checkbox" value="'+ _val+ '" data-mini="true">'+
        '<label for="component-pbnum-'+ _val+ '">'+ _val+ '</label>'),
      $pbNumChk = $($pbNum[0]).on("change", function(ev){
        $pbNum.remove();
        // UNCAUGHT EXCEPTION: "cannot call methods on checkboxradio prior
        // to initialization; attempted to call method 'refresh'"
      });

  $pbnumList.controlgroup("container").append($pbNum);
  $pbNumChk.checkboxradio();
// Have also tried $pbNumChk.checkboxradio().checkboxradio("refresh") 
// as hinted by other answers. No difference.
}

我需要动态添加 checkboxradio（在这种情况下为复选框），但提供在单击/点击时将其删除的能力。

与 jQUI 相比，jQM 的局限性实际上有点令人沮丧。没有（记录）这些小部件的“销毁”方法？总之……

复选框添加到我的控制组就好了。当我在完整浏览器中单击以删除它们时，它们会被删除，但会引发异常。到目前为止，我发现的所有内容都与以下内容类似： https://stackoverflow.com/a/15180600/258598

这就是我要找的东西：http://goo.gl/mVOdo

我不明白。为什么当我删除它时 JS 会抛出一个关于小部件的错误 - 特别是当它在插入时被初始化时？

[编辑]
修复了 $pbNum HTML 字符串中的一个小错字

Answer 1

我浏览了jQuery Mobile JS文件，发现当change触发时，jQM在复选框中添加/删除类，然后调用refresh方法.checkboxradio('refresh')来增强标记。

似乎.remove() 发生在refresh 发生之前，所以如果您将删除过程延迟1ms，refresh 将在复选框被删除之前。

值得一提的是stopImmediatePropagation() 并没有帮助停止错误消息。

Demo

代码

$(document).on('change', '.ui-checkbox', function () {
 var box = $(this);
 setTimeout(function () {
  box.remove();
   $('#group').controlgroup().trigger('create');
 }, 1);
});