데이터를 통한 jquery.appear 루프

Question

현재 jquery.appear 플러그인 (https://github.com/morr/jquery.appear/)이 사용 중입니다.

문제가 있습니다. 매번 새로운 요소를 페이지에 추가 할 때마다 해당 요소에 대한 새로운 코드를 작성해야합니다. 다음은 내 코드에서 여러 번 반복되었으며, 모든 변경 사항은 요소의 ID입니다.

$('#page2 .wrapper').appear(); 


$('#page2 .wrapper').on('appear', function(event, $all_appeared_elements) { 
    $('#page2n').css('font-weight','bold'); 
    }); 

$('#page2 .wrapper').on('disappear', function(event, $all_appeared_elements) { 
    $('#page2n').css('font-weight','normal'); 
    }); 

더 많은 자동 작업 방법이 있습니까? 위의 내용은 항상 동일합니다.

$(".screensize").each(function() { 

    var getid = '#'+$(this).attr('id'); 
    //alert('#'+$(this).attr('id')); 


$(getid+' .wrapper').appear(); 

$(getid+' .wrapper').on('appear', function(event, $all_appeared_elements) { 
    $('#page2n').css('font-weight','bold'); 
    }); 

$(getid+' .wrapper').on('disappear', function(event, $all_appeared_elements) { 
    $('#page2n').css('font-weight','normal'); 
    }); 


}); 

위의이 접근하는 올바른 방법 인 경우 번호 확인 : 난 내가 아무 성공도 없었다 다음을 시도?

편집 :

나는 이제 내 요소 중 하나에 대해 작동하는 다음 코드가 있습니다,

$(".screensize").each(function() { 

    var getid = '#'+$(this).attr('id'); 


$(getid).appear(); 


$(getid).on('appear', function() { 

    $(getid+'n').addClass('active'); 

}); 


$(getid).on('disappear', function() { 

    $(getid+'n').removeClass('active'); 

}); 

사라 기능 제거를 분명히 한 후 활성화 할 모든 링크를 할 수 있지만, 그들은 제거되지 않습니다.

Answer 1

확실하지 않은 콘텐츠는 무엇입니까? 그러나 새로운 ID의 모든 문자에 CLASS를 추가 할 수 있습니까? 또한

, 아래의 코드는 작동합니다 :

$(".screensize").each(function() { 

    var getid = '#'+$(this).attr('id'); 
    //alert('#'+$(this).attr('id')); 


$(getid+' .wrapper').appear(); 

$(getid+' .wrapper').on('appear', function(event, $all_appeared_elements) { 
    $(getid + 'n').css('font-weight','bold'); 
    }); 

$(getid+' .wrapper').on('disappear', function(event, $all_appeared_elements) { 
    $(getid + 'n').css('font-weight','normal'); 
    }); 


});