제이쿼리 미디어 쿼리 문제 채택완료
ango
4년 전
조회 3,492
게시판 목록 스킨(list.skin.php) 에서 창 크기가 768 픽셀 이하일 때만
표 제목(TBODY TR 부분)을 클릭하면 해당 게시물로 이동하도록 자바스크립트를 짰습니다.
문제는 창 크기를 줄였다가 크게 늘리면
768 이상인데도 클릭이 됩니다.
어떻게 수정해야 하나요?
</p>
<p><script></p>
<p>const trChangeMediaQuery = window.matchMedia('(max-width: 767px)')</p>
<p> </p>
<p>function mobileTableRowChange(e) {
if (e.matches) {
$('#bo_list .tbl_head01 tbody tr').click(function() {
window.location = $(this).find('.bo_tit a').attr('href');
});
} else {
$(this).find('.bo_tit a').removeAttr("href");
}
}</p>
<p> </p>
<p>trChangeMediaQuery.addListener(mobileTableRowChange)</p>
<p> </p>
<p>mobileTableRowChange(trChangeMediaQuery)</p>
<p></script></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 3개
답변을 작성하려면 로그인이 필요합니다.
로그인