검은냥냥이

게시글 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 팁자료실

+
제목 글쓴이 날짜 조회
7년 전 조회 4,682
7년 전 조회 4,995
7년 전 조회 4,550
7년 전 조회 3,915
7년 전 조회 5,217
7년 전 조회 1.1만
7년 전 조회 7,969
7년 전 조회 3,911
7년 전 조회 3,296
7년 전 조회 7,427
7년 전 조회 1.5만
7년 전 조회 5,685
7년 전 조회 4,682
7년 전 조회 6,950
7년 전 조회 5,591
7년 전 조회 3,711
7년 전 조회 5,746
7년 전 조회 7,709
7년 전 조회 8,714
7년 전 조회 6,069
7년 전 조회 5,714
7년 전 조회 5,867
7년 전 조회 6,626
7년 전 조회 6,504
7년 전 조회 3,811
7년 전 조회 4,616
7년 전 조회 6,836
7년 전 조회 6,002
7년 전 조회 8,676
7년 전 조회 6,349