[이윰] 게시판 목록에서 제목 바탕 부분을 클릭해도 본문으로 이동하기
페이지 정보
루루아빠
3,292
2015.09.20 20:57:22
짧은주소
-
https://yadolee.com/tip/296 주소복사
본문
게시판 목록에서 제목을 감싸는 부분이 다음과 같을 때
<td class="td-subject td-width">
<!--{? .icon_reply}-->
<i class="fa fa-reply" style="margin-left:{.reply}px;"></i>
<!--{/}-->
<!--{? _is_category && .ca_name}-->
<!-- <a href="{.ca_name_href}" class="btn btn-e-xs btn-default">{.ca_name}</a> -->
<!--{/}-->
<a href="{.href}">
<!--{? .is_notice}-->
<strong class="color-black">{.subject}</strong>
<!--{: _wr_id == .wr_id}-->
<strong class="color-black">{.subject}</strong>
<!--{:}-->
{.subject}
<!--{/}-->
<!--{? .comment_cnt}--><span class="sound_only">댓글</span><em>{.comment_cnt}</em><span class="sound_only">개</span><!--{/}-->
</a>
<!--{?.icon_new}--><i class="fa fa-flag color-red"></i><!--{/}-->
<!--{?.icon_hot}--><i class="fa fa-thumbs-up"></i><!--{/}-->
<!--{?.icon_link}--><i class="fa fa-link"></i><!--{/}-->
<!--{?.icon_secret}--><i class="fa fa-lock"></i><!--{/}-->
</td>
다음과 같은 jquery를 list.skin.html 하단에 첨부한다.
<script>
$(function(){
$(".td-subject").click(function(){
document.location.href = $(this).find('a').attr('href');
});
});
</script>
또한 마우스 오버시 손가락 포인터를 변경하기 위해 아래 스크립트를 첨부한다.
<script>
$(function(){
// 아래 소스는 제목부분의 <td>에 마우스를 올리면 마우스 커서가 손가락 모양으로 바뀐다.
$(".td-subject").css({cursor:'pointer'});
});
</script>
정리하자면 list.skin.html 하단에 아래 소스를 첨부한다.
<script>
$(function(){
// 아래 소스는 제목부분의 <td>에 마우스를 올리면 본문 이동이 가능하게 한다.
$(".td-subject").click(function(){
document.location.href = $(this).find('a').attr('href');
});
// 아래 소스는 제목부분의 <td>에 마우스를 올리면 마우스 커서가 손가락 모양으로 바뀐다.
$(".td-subject").css({cursor:'pointer'});
});
</script>
추천인
레벨 101
경험치 1,519,440
Progress Bar 14.66%
- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS
BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑
루루아빠랍니다~~
최신댓글이 없습니다.


댓글
첫 번째 댓글을 남겨 주세요