무한 스크롤 자바 스크립트가 실행되지 않습니다

이 질문에 주어진 코드 인 Check if a user has scrolled to the bottom을 사용하여 페이지에 무한 스크롤 기능을 추가하려고하지만 페이지 하단으로 스크롤 할 때 아무런 반응이 없습니다. 다음은 링크를 수행 할 필요가 없습니다 그래서 코드는 다음과 같습니다 단순히 경고를 차단하는 브라우저라면 내가 처음 경고에 추가무한 스크롤 자바 스크립트가 실행되지 않습니다

<script type="text/javascript"> 
alert("popup!");  
$(window).scroll(function() { 
    if($(window).scrollTop() + $(window).height() > $(document).height() - 100) { 
     alert("bottom!"); 
    } 
}); 
</script>

확인하기 위해,하지만 그것을 잘 표시됩니다. 서버에는 JQuery 1.7.2 분이 설치되어 있고 페이지가 올바르게 제작되어 설치 문제라고 생각하지 않습니다. 아마도 스크롤 이벤트가 당신이 가지고있는 구문을 제대로 발사되는

출처

2012-06-25 jaimerump

여기에서 잘 작동합니다. http://jsfiddle.net/joycse06/8tQYX/ –

'console.log ($ (window) .height() + "그 루프에서, 크롬에서 열고 오른쪽 클릭 -> 요소 인스펙터를 클릭하고 콘솔 탭을 열면 그 사실을 알려줄 것입니다 ("$ "). 각 루프의 값은 문제를 진단하는 데 도움이됩니다. 흔적이 없으면 이벤트가 실행되지 않습니다. – Waltzy

그것은 나를 위해 잘 작동하는 것 같습니다. http://jsfiddle.net/FLarv/ – Waltzy

를 내 댓글에 회신 한 후에는

In the console tab I'm getting Uncaught ReferenceError: $ is not defined

I을 받고 말했다 그러면 jQuery가 페이지의 헤더에 포함되지 않는다는 것을 짐작할 수 있습니다 (각 페이지의 <head>에 있어야합니다).

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

이 JQuery와 성공적 페이지

if (typeof jQuery != 'undefined') { 
    alert("jQuery library is loaded!"); 
}else{ 
    alert("jQuery library is not found!"); 
}

원래 주석에로드되었는지를 알려줍니다 :

는, 그 루프 console.log($(window).height()+"<-current sctoll | target->"+($(document).height() - 100))을 넣어 시도 크롬 및 마우스 오른쪽 버튼으로 클릭에서 엽니 다 -> 요소 관리자 콘솔 탭을 열면 각 루프의 값이 무엇인지 알려주고 문제를 진단하는 데 도움이됩니다. 트레이스가 없으면 이벤트가 실행되지 않습니다.

출처

2012-06-25 19:59:30 Waltzy

어떤 이유인지, 머리에 추가해 보았는데 작동하지 않았다. 본문의 스크립트 바로 위에 추가하려고 시도했지만 작동하지 않았다. 스크롤 스크립트와 jquery를 모두 바닥 글에 추가했다. 그것이 작동하지 않는다면, 나는 몸으로 다시 두 가지를 모두 넣었고, 지금 나는 완벽하게 작동합니다. jquery는 몸에 처음으로 시도했던 것과 똑같은 위치에 작업이 포함되어 있으며, 아무 곳에도 위의 것이 없지만 갑자기 작동합니다. – jaimerump

다음에이 함수 안에 JQuery 함수를 넣을 수 있습니다. 실행하기 전에 모든 내용이로드되었는지 확인하는 window.onload = function() {/ * 내 코드 또는 함수 호출 * /}' 모든 스크립트. – Waltzy

,이 시도 :

$(window).on('scroll', function() { 
    if ($(window).height() + $(window).scrollTop() >= $(document).height() - 100) { 
    alert('do stuff'); 
    } 
});

출처

2012-06-25 19:10:07 Lowkase

이 파일을 복사했는데 여전히 전혀 나타나지 않습니다. 헤더 파일 안에 head 태그를 넣으려고했는데, 다른 javascript가있는 바닥 글 파일에는 아무것도 없었습니다. – jaimerump

그런 다음 깨진 스크롤 코드가 아닙니다. Chrome을 실행중인 경우 관리자를 불러 와서 CONSOLE 탭을 클릭하십시오. 귀하의 자바 스크립트가 창 스크롤 코드 전에 어딘가에 깨고있다 생각, 귀하의 창 스크롤 코드는 결코 발생하지 않습니다 의미합니다. 런타임 자바 스크립트 오류를 찾아서 수정 한 다음 다시 시도하십시오. – Lowkase

무한 스크롤 자바 스크립트가 실행되지 않습니다

답변

관련 문제