复选框没有在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。虽然你可能会发现小提琴很有用。