成千上万的自举开关:强制回流可能是性能瓶颈

时间:2019-12-24 16:47:41

标签: javascript html bootstrap-switch

我有成千上万的{{​​3}}作为表格行,如下面的代码所示。 这太昂贵了,如果我在ChromeDevTool上看到(性能),我会看到: 警告:强制重排可能是性能瓶颈。

如何使其更快?渲染所花费的时间过多,并且会破坏页面。

$("input[data-toggle='toggle']").bootstrapSwitch({
        onSwitchChange:function(event, state) {
            $(this).parents('form').trigger('change')
        }
    });

具有+1.000行的表

<table>
<thead>...</thead>
<tbody>
  <tr>
     <td>
           <form action="...:">
               <input type="checkbox" data-toggle="toogle"/>
             </form>
   </td>
  </tr> 
</table>

bootstrap-switch

0 个答案:

没有答案