해당 영역에 id 값 호출하기 채택완료
제가 동일한 scroll_area 클래스를 가진 div가 밑으로 쭉있는데
해당 div에 도착할때마다 waypoin를 써서
id를 console log 하려 합니다.
각 div마다
id=sec01
id=sec02
이렇게 적어 놓았고
제이쿼리로는
$('.scroll_area').waypoint(function() {
console.log($('.scroll_area').attr('id'));
}, { offset: '100%' });되어있는데 호출이 안되드라구요
(계속 sec01만 찍혀서..)
혹시 조언이나 관련 링크 부탁드립니다 ㅠ
답변 2개
console.log($('.scroll_area').attr('id')); 를
console.log($(this).attr('id')); 로 한번 바꿔보세요.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
$('#sec02').waypoint(function() {
console.log($('#sec02').attr('id'));
}, { offset: '100%' });
위와 같은 식으로 아이디 각각으로 함수를 줘서 각각의 아이디를 토해내는지 확인해 보시고 만일 그게 된다면... 함수를 하나 만든 후에...
function my(num) {
$('#sec0'+num).waypoint(function() {
console.log($('#sec0'+num).attr('id'));
}, { offset: '100%' });
}
아래처럼 루프문으로 이 함수를 돌려버리면 가능하지 않나 싶네요.
물론 여기서 7은 sec07 까지 있다는 가정하에서입니다.
for (i = 1; i <= 7; i++) my(i);
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
$('.scroll_area').waypoint(function() {
console.log($(this).attr('id'));
}, { offset: '100%' });
[/code]
를 해도 undefined 뜨네요 ㅠ