테스트 사이트 - 개발 중인 베타 버전입니다

게시글 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를 전체 클릭하는 방법을 찾다가 위 처럼 진행해보았습니다.

간단합니다.

아마 더 좋은 방법이 있을거라고 봅니다.ㅎ

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 1개

css에서

li a {display:block}

이렇게 해도 ...

게시판 목록

그누보드5 팁자료실

글쓰기