javascript - 复选框未在 Firefox 中显示

Question

我想在按钮单击事件上动态显示复选框。我写了这样的代码

 $("button").on('click',function(){
  $(".chkbx").each(function(){
       $(this).show(); 
  });
 });


 $("#treeview").kendoTreeView({                                        
        checkboxes: {
               checkChildren: true,
               template: " # if(item.categoryid == 0){ }  else { #  <input type='checkbox'  id='#= item.haschildren #-#= item.categoryid #'  name='chkbox' class='chkbx' />#}#"
          },    
          dataSource: initial,
          dataTextField: ["categoryname"]                      
  });

此代码在 chrome 中工作，但在 Firefox 中不工作。

Answer 1

尝试使用 jQuery 的普通click()函数。不需要处理每个函数，元素上的 show() 就足够了。

这里有一个例子：jsFiddle。

编辑
您的代码实际上只适用于我的 firefox、chrome 和 IE。尽管您可能会发现小提琴很有用。