해당 영역에 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')); 로 한번 바꿔보세요.
$('.scroll_area').waypoint(function() {
console.log($(this).attr('id'));
}, { offset: '100%' });
를 해도 undefined 뜨네요 ㅠ
$('#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);
답변을 작성하시기 전에 로그인 해주세요.