게시글 li에 전체 링크 걸기 정보
게시글 li에 전체 링크 걸기본문
각 게시판 링크로 이동합니다.
여러 스킨을 사용중이라면 개별로 적용해주세요.
경로 : theme/각스킨폴더명/mobile/skin/board/basic/list.skin.php
// list.skin.php에서 아래와 같은 태그를 검색 후 삭제(하단 </a>도 삭제해주세요.)
<a href="<?php echo $list[$i]['href'] ?>" class="bo_subject">
(▲ 삭제 안해도 무관합니다. 게시글명쪽에도 링크 들어가는거라서요.)
// 아래 태그 검색후 onclick 부분 추가
<li class="<?php if ($list[$i]['is_notice']) echo "bo_notice"; ?>" onclick="javascript:location.href='<?php echo $list[$i]['href'] ?>'">
<span class="sound_only">작성자</span><span class="bo_guest"><?php echo $list[$i]['name'] ?></span>
// li에 링크를 전체 영역에 걸어버리니 닉네임 클릭시 세부정보가 보이면서 해당 게시글로 이동되어서 위 태그 클래스의 링크를 무효화 시킵니다.
<script>
jQuery(function($){
var $preview_zone = $('.bo_guest'); // 특정 클래스에 A태그가 있다면 return false
$preview_zone
.find('a, [onclick]').on('click', function(){
return false;
})
.prop('onclick', null);
});
</script>
전 모바일 위주로 최적화 할려구 li를 전체 클릭하는 방법을 찾다가 위 처럼 진행해보았습니다.
간단합니다.
아마 더 좋은 방법이 있을거라고 봅니다.ㅎ
3
댓글 1개
li a {display:block}
이렇게 해도 ...