본문
ajax 로 로딩한 html 페이지의 css 또는 id 에는 jquery click 등 이벤트가 적용되지 않는다.
이때 .on 이벤트를 사용하라..
<div id="bo_view1"></div>
<script>
var ajax_scrollTop=0;
function ajax_close_view() {
ajax_processing=false;
$("#bo_view1").html('')
$("#bo_view1").removeClass("bo_view_full");
window.scrollTo(0,ajax_scrollTop);
}
function ajax_content_view(url) {
url+='?do_ajax_list=true';
url=encodeURI(url);
ajax_processing=true;
ajax_scrollTop=$(window).scrollTop();
$("#bo_view1").load(url);
window.scrollTo(0,0);
return false;
}
<? /* jquery loading 후에 ajax_link 가 동작되게 한다. */ ?>
$(document).on('click', '.ajax_link', function () {
ajax_content_view($(this).attr('href'));
return false;
});
</script>
<li class="gall_href">
<a href="<?php echo $list[$i]['href'] ?>" class='ajax_link'>
....
작성 김성대 xhost
댓글목록
등록된 댓글이 없습니다.