不使用引导表的ICheck

Question

我使用iCheck(v1.0.2) jquery插件进行管理LTE模板的复选框。除了引导表之外，iCheck正在正常工作。在检查chrome工具中的元素时，我可以找到由<td>中的插件创建的div，但是它是不可见的。

这是html

   <div class="table-responsive">
     <table class="table table-bordered table-striped table-condensed">
       <thead>
         <tr>
           <th>Functionality</th>
           <th>View</th>
           <th>Add</th>
           <th>Edit</th>
           <th>Delete</th>
         </tr>
       </thead>   
       <tbody>
         <tr>
           <td>New Function</td>
           <td><input type="checkbox" class="icheck"></td>
           <td><input type="checkbox" class="icheck"></td>
           <td><input type="checkbox" class="icheck"></td>
           <td><input type="checkbox" class="icheck"></td>
         </tr>
       </tbody>
     </table>
   </div>

Jquery：

   <script>
     $(function () {
       $('.icheck').iCheck();
      });
   </script>

开发工具：

​

​

不要考虑控制台错误。是关于favicon.ico的。我怎么解决这个问题？

Answer 1

在使用iCheck的数据时，我在铬上也面临着同样的问题，在搜索了3个小时之后，这是我发现的唯一讨论这个问题的帖子。在研究了周围的情况后，跟踪对我来说是个诀窍。

您需要将相对位置css添加到元素ins。

 $('.iCheck-helper').css('position', 'relative');

如果您在列中使用它，请在rowCallBack中使用它。

$(nRow).find(':checkbox,:radio').iCheck();
$(nRow).find('.iCheck-helper').css('position', 'relative');

希望这能让一个人过轻松的日子。

Answer 2

给您的icheckbox类width、height和display属性

示例

width:20px, height:20px, display:inline-block;

你能这样试试吗？