제이쿼리 링크(값) 복구(?)

bonobono 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2017.05.30 14:54:45 2947 (112.♡.♡.101)

답변 2

본문

var windowWidth = $( window ).width();

if(windowWidth < 768) {

$("#gnb > li > a").attr("href", "#")

} else {

}

<li><a href="http://sir.kr">에스아이알</a></li>

<ul>

창크기가 768보다 낮으면 모든 a의 href를 #으로 바꾸고

다시 창크기를 키우면 원래 링크를 복구시키고 싶은데요

링크를 #으로 바꾸는거 까진되는데 복구를 어떻게 시켜야하는지를 모르겠습니다..

도움부탁드립니다

#자바스크립트 #제이쿼리

답변 2

멍충이 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2017-05-30 15:26:33 112.♡.♡.91


 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>

↳ bonobono 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2017-05-30 16:00:48112.♡.♡.101

감사합니다 완벽합니다

멍충이 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2017-05-30 15:11:14 112.♡.♡.91


 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");
   }