jQuery setInterval 매 300 밀리 초, 브라우저에 너무 많은로드가 있습니까?

Question

이 플러그인을 Ajax로로드 된 요소에 올바르게 연결하는 데 어려움을 겪고 있으며 때로는 첨부 된 이유를 파악하지 못하고 때때로 그렇지 않습니다. 이 특정 플러그인에만 해당됩니다. 그래서 제 질문은, setInterval을 300 밀리 초마다 실행 시키면 jQuery 플러그인을 페이지에 있거나 없을 수있는 특정 요소에 연결하는 경우 시간이 지남에 따라 브라우저가 느려지 게됩니다.

같은 :

setInterval(function(){ 
    $(".nano").nanoScroller(); 
}, 300); 

제가 처음 일을 시도하는 것입니다 :

$.ajax({ 
type: "POST", 
url: "ajax/load/notifications/notifications.php", 
cache: false, 
success: function(html){ 
$(".notification-container").html(html); 
$(".nano").nanoScroller(); 

} 
}); 

그러나 그것 (어쨌든 모든 방법은, 어떤 부분이 변경되는 부착 아니에요

있지만 주요 플러그인)

그러나 다른 아약스 이벤트를 호출하고 해당 콜 아웃에서 동일한 것을 트리거하면이 요소와 다른 요소에 연결됩니다.

setInterval 함수는이 값을 모두 그 함수에 추가합니다.

Answer 1

jQuery 객체를 캐시하지 않고 300ms마다 DOM을 검색하는 것은 비효율적입니다.

function nanoTimer() { 
    if (timer) { 
     clearInterval(timer); 
    } 
    var $nano = $('.nano'); 
    timer = setInterval(function() { 
     $nano.nanoScroller(); 
    }, 300); 
} 

nanoTimer(); 

함수 호출 일반적인 의미로도 AJAX