제이쿼리 링크(값) 복구(?) 채택완료
bonobono
8년 전
조회 3,400
var windowWidth = $( window ).width();
if(windowWidth < 768) {
$("#gnb > li > a").attr("href", "#")
} else {
//
}
<ul id="gnb">
<li><a href="http://naver.com">http://naver.com">네이버</a></li>
<li><a href="http://daum.net">http://daum.net">다음</a></li>
<li><a href="http://sir.kr">http://sir.kr">에스아이알</a></li>
<ul>
창크기가 768보다 낮으면 모든 a의 href를 #으로 바꾸고
다시 창크기를 키우면 원래 링크를 복구시키고 싶은데요
링크를 #으로 바꾸는거 까진되는데 복구를 어떻게 시켜야하는지를 모르겠습니다..
도움부탁드립니다
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
8년 전
</p><p> var windowWidth = $( window ).width();</p><p> if(windowWidth < 768) {</p><p> $("#gnb > li > a").attr("href", "#")</p><p> } else {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#gnb > li > a").each(function() {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(this).attr("href", $(this).data("val"));<span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>});</p><p> }</p><p> </p><p> </p><p><ul id="gnb"></p><p><li><a href="<a href="<a href="http://naver.com" target="_blank" rel="noopener noreferrer">http://naver.com</a>"><a href="http://naver.com" target="_blank" rel="noopener noreferrer">http://naver.com</a></a>" data-val="<a href="<a href="http://naver.com" target="_blank" rel="noopener noreferrer">http://naver.com</a>"><a href="http://naver.com" target="_blank" rel="noopener noreferrer">http://naver.com</a></a>">네이버</a></li></p><p><li><a href="<a href="<a href="http://daum.net" target="_blank" rel="noopener noreferrer">http://daum.net</a>"><a href="http://daum.net" target="_blank" rel="noopener noreferrer">http://daum.net</a></a>" data-val="<a href="<a href="http://daum.net" target="_blank" rel="noopener noreferrer">http://daum.net</a>"><a href="http://daum.net" target="_blank" rel="noopener noreferrer">http://daum.net</a></a>">다음</a></li> </p><p><li><a href="<a href="<a href="http://sir.kr" target="_blank" rel="noopener noreferrer">http://sir.kr</a>"><a href="http://sir.kr" target="_blank" rel="noopener noreferrer">http://sir.kr</a></a>" data-val="<a href="<a href="http://sir.kr" target="_blank" rel="noopener noreferrer">http://sir.kr</a>"><a href="http://sir.kr" target="_blank" rel="noopener noreferrer">http://sir.kr</a></a>">에스아이알</a></li> </p><p><ul></p><p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
b
bonobono
8년 전
감사합니다 완벽합니다
댓글을 작성하려면 로그인이 필요합니다.
8년 전
</p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;"> var windowWidth = $( window ).width();</p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;"> if(windowWidth < 768) {</p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;"> $("#gnb > li > a").attr("href", "#")</p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;"> } else {</p><p style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$("#gnb > li:eq(0) > a").attr("href", "<a href="<a href="http://naver.com" target="_blank" rel="noopener noreferrer">http://naver.com</a>"><a href="http://naver.com" target="_blank" rel="noopener noreferrer">http://naver.com</a></a>");</p><p style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$("#gnb > li:eq(1) > a").attr("href", "<a href="<a href="http://daum.net" target="_blank" rel="noopener noreferrer">http://daum.net</a>"><a href="http://daum.net" target="_blank" rel="noopener noreferrer">http://daum.net</a></a>");</p><p style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$("#gnb > li:eq(2) > a").attr("href", "<a href="<a href="http://sir.kr" target="_blank" rel="noopener noreferrer">http://sir.kr</a>"><a href="http://sir.kr" target="_blank" rel="noopener noreferrer">http://sir.kr</a></a>");</p><div><span style="color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;"> }</span>
</div><p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
b
bonobono
8년 전
감사합니다 근데 저렇게 일일히 써주는거말고.. 링크도 많고 도중에 li순서나 링크가 바뀔수도 있으니
반복문 같은걸로 안될까요..
반복문 같은걸로 안될까요..
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인