제이쿼리 링크(값) 복구(?)
본문
var windowWidth = $( window ).width();
if(windowWidth < 768) {
$("#gnb > li > a").attr("href", "#")
} else {
//
}
<ul id="gnb">
<li><a href="http://naver.com">네이버</a></li>
<li><a href="http://daum.net">다음</a></li>
<li><a href="http://sir.kr">에스아이알</a></li>
<ul>
창크기가 768보다 낮으면 모든 a의 href를 #으로 바꾸고
다시 창크기를 키우면 원래 링크를 복구시키고 싶은데요
링크를 #으로 바꾸는거 까진되는데 복구를 어떻게 시켜야하는지를 모르겠습니다..
도움부탁드립니다
답변 2
var windowWidth = $( window ).width();
if(windowWidth < 768) {
$("#gnb > li > a").attr("href", "#")
} else {
$("#gnb > li > a").each(function() {
$(this).attr("href", $(this).data("val"));
});
}
<ul id="gnb">
<li><a href="http://naver.com" data-val="http://naver.com">네이버</a></li>
<li><a href="http://daum.net" data-val="http://daum.net">다음</a></li>
<li><a href="http://sir.kr" data-val="http://sir.kr">에스아이알</a></li>
<ul>
감사합니다 완벽합니다
var windowWidth = $( window ).width();
if(windowWidth < 768) {
$("#gnb > li > a").attr("href", "#")
} else {
$("#gnb > li:eq(0) > a").attr("href", "http://naver.com");
$("#gnb > li:eq(1) > a").attr("href", "http://daum.net");
$("#gnb > li:eq(2) > a").attr("href", "http://sir.kr");
}
감사합니다 근데 저렇게 일일히 써주는거말고.. 링크도 많고 도중에 li순서나 링크가 바뀔수도 있으니
반복문 같은걸로 안될까요..
답변을 작성하시기 전에 로그인 해주세요.
