Javascript 使用form repeater在填充的表中追加新行需要花费大量时间(10-15秒)-jQuery
我正在为表元素使用form repeater插件。填充表格后,当我单击加号按钮(添加新行)时,新行需要花费大量时间(大约10-15秒)才能追加。 我的桌子截图 每次单击(加号按钮)都会执行以下功能Javascript 使用form repeater在填充的表中追加新行需要花费大量时间(10-15秒)-jQuery,javascript,jquery,performance,jquery-plugins,Javascript,Jquery,Performance,Jquery Plugins,我正在为表元素使用form repeater插件。填充表格后,当我单击加号按钮(添加新行)时,新行需要花费大量时间(大约10-15秒)才能追加。 我的桌子截图 每次单击(加号按钮)都会执行以下功能 CheckEmptyInputs() CheckDuplicateRanges():检查最小范围和最大范围中的重复范围 我尝试过的事情: 验证后,每次成功单击加号按钮时,将名为“completed”的类添加到所有行中。我这样做是因为当我再次单击加号按钮时,我告诉JS不要用类“completed
- CheckEmptyInputs()
- CheckDuplicateRanges():检查最小范围和最大范围中的重复范围
- 验证后,每次成功单击加号按钮时,将名为“completed”的类添加到所有行中。我这样做是因为当我再次单击加号按钮时,我告诉JS不要用类“completed”检查行,以避免不必要的检查
- 我删除了为tr修改的类“completed”ondomsubtreemoded。因此,该计划运行良好,JS不会每次都检查这些名为completed的类的行,除非删除该类
- 我尝试检查哪个函数花费了很多时间,因此checkEmptyInputs()和CheckDuplicateRanges()执行得更快
show: function () {
$(this).slideDown();
//$('#tblRepeater>tbody>tr').not(':first').each(function () {
//var select = $(this).closest('tr').find(".drpUnits");
//$(this).closest('tr').find(".drpUnits").addClass('js-example-basic-double');
//$('.js-example-basic-double').select2();
//});
},