웹마스터 팁
장포크님의 더보기 팁 - 소스 줄임
2013.08.26 18:14
<load target="/../../../../common/js/jquery.min.js" />
<script>
var idx = 2;
jQuery(document).ready(function () {
jQuery(window).scroll(function() {
if (jQuery(window).scrollTop() + 0 >= jQuery(document).height() - jQuery(window).innerHeight()) {
$.get('자신의 사이트 도메인/index.php?mid=미드값&page='+idx, function(data){
$(data).find("#bd_zine .clear").appendTo("#bd_zine");
});
idx++;
}
});
});
</script>
스케치북 스킨 기준입니다.
웹진형 카드 스타일에서 적용해보았습니다.
+ 0
값을 늘리면 스크롤이 맨 밑에 닿았을 때가 아닌 좀 더 위에서 작동합니다.
innerHeight()
오작동이 있어 수정하였습니다.
#bd_zine .clear
#bd_zine은 글목록을 감싸고 있는 <div> 혹은 <ol> 혹은 <table> 등입니다.
스케치북 스킨 _list_webzine.html 기준으로는 <ol>입니다.
.clear는 글목록입니다.
class값에 값 아무거나 들고왔습니다.. ㅅ;;
loop가 적영되어 있는 부분입니다. (loop가 적힌 부분을 찾으세요)
<div>, <li>, <tr> 등이며, _list_webzine.html 기준으로는 <li>입니다.
별다른 기능은 없고 그냥 간단하게 만들어봤습니다.
수정하고자 하는 스킨 파일에 저 스크립트만 넣고, 스킨에 맞게 몇 가지만 수정해주시면 됩니다.
(_list_webzine.html 에서 위 소스 적용시 정렬문제가 생깁니다.. 제일 상단에 있는 스크립트 지워주세요)
다만.. 저렇게 불러온 컨텐츠들에는 다른 스크립트가 먹히질 않더군요.
js파일을 새로 불러와도 마찬가지입니다.
getScript로 불러오면 한번만 적용되고 두번은 안되서 리스트를 계속 불러오는데에 문제가 있습니다..
해결 방법 아시는 분 계시면 도움좀 부탁드립니다.. ㅜ^ㅜ