我的页面上有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秒钟或更长时间(单选按钮(显示/隐藏标记))。
对改进此代码有何建议?
谢谢。
答案 0 :(得分:1)
仅提供jQuery代码,我想说您应该在可能的时候进行缓存:
csv