이전 목록 다음
채택완료

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

bonobono
프로필 보기이 회원 글보기이 회원의 댓글보기
 2017-05-30 (화) 14:54:45 3,605

   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개 / 댓글 2개

채택된 답변
+20 포인트
멍멍충이
프로필 보기이 회원 글보기이 회원의 댓글보기
 2017-05-30 (화) 15:26:33
Copy 
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>

답변에 대한 댓글 1개

bonobono
프로필 보기이 회원 글보기이 회원의 댓글보기
 2017-05-30 (화) 16:00:48
감사합니다 완벽합니다
멍멍충이
프로필 보기이 회원 글보기이 회원의 댓글보기
 2017-05-30 (화) 15:11:14
Copy 
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");   }

답변에 대한 댓글 1개

bonobono
프로필 보기이 회원 글보기이 회원의 댓글보기
 2017-05-30 (화) 15:15:32
감사합니다 근데 저렇게 일일히 써주는거말고.. 링크도 많고 도중에 li순서나 링크가 바뀔수도 있으니
반복문 같은걸로 안될까요..

답변을 작성하려면 로그인이 필요합니다.