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

게시글 li에 전체 링크 걸기

· 6년 전 · 5535 · 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}

이렇게 해도 ...

게시글 목록

번호 제목
24318
24317
24315
24309
24294
24293
24277
24262
24260
24253
24251
24236
24233
24228
24226
24221
24214
24203
24201
24199
24196
24195
24194
24192
24191
24187
24185
24183
24172
24168