검은냥냥이

게시글 li에 전체 링크 걸기

· 2018-11-30 (금) 07:34:56 · 7849 · 1

각 게시판 링크로 이동합니다.

여러 스킨을 사용중이라면 개별로 적용해주세요.

 

경로 : 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 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
18-12-25 조회 8,175
18-12-23 조회 8,041
18-12-22 조회 6,014
18-12-22 조회 8,840
18-12-21 조회 1.5만
18-12-21 조회 8,092
18-12-20 조회 7,577
18-12-19 조회 1.3만
18-12-18 조회 7,787
18-12-17 조회 5,820
18-12-16 조회 6,085
18-12-16 조회 6,567
18-12-16 조회 6,894
18-12-16 조회 7,285
18-12-14 조회 6,746
18-12-14 조회 6,182
18-12-11 조회 7,543
18-12-11 조회 1.3만
18-12-10 조회 1만
18-12-10 조회 6,186
18-12-07 조회 5,544
18-12-04 조회 9,858
18-12-04 조회 1.8만
18-12-03 조회 8,025
18-12-02 조회 6,939
18-11-30 조회 9,317
18-11-30 조회 7,850
18-11-29 조회 5,897
18-11-28 조회 7,991
18-11-27 조회 1만