게시글 li에 전체 링크 걸기 > 그누보드5 팁자료실

그누보드5 팁자료실

게시글 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개

전체 2,411 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT