jQuery代码-可以改进吗?

时间:2018-07-31 13:49:36

标签: jquery

我的页面上有7个单选按钮,一周中的每一天都有一个。选择单选按钮后,我将在下面的代码中运行该代码。

$('.radio-date').on("click", function(e) {
   //Hide all the markers
   $('.marker').hide();

   //Show markers for selected date
   $('.marker[data-date="' + $(this).val() + '"]').show();

   //Loop thru each visible marker and set left/width to reposition
   $('.marker:visible').each(function(i) {
       var markerLeft = markerWidth * i;
       $(this).css({ left: markerLeft + '%', width: markerWidth + '%'});
   });
});

在某些星期内,当页面上显示的标记超过1000个时,选择日期时会有明显的滞后。单击单选按钮大约需要1秒钟或更长时间(单选按钮(显示/隐藏标记))。

对改进此代码有何建议?

谢谢。

1 个答案:

答案 0 :(得分:1)

仅提供jQuery代码,我想说您应该在可能的时候进行缓存:

csv