얼마전에 jQuery 클릭펑션 질문드렸는데요,,,

Question

질문은 이렇게 드렸었는데 댓글에 코드작성이 안되는건지 ㅠㅠ 암튼 안올라가서 다시 글씁니다...____________________________________질문글https://okky.kr/questions/1452224_____________________________________피드백 받고 작성한 코드는 이렇게 입니다$(&#34;#design .contents li:nth-child(4n)&#34;).addClass('not'); $(document).on('click','#design .tab li', function(event) { $(&#34;#design .tab li a&#34;).removeClass(&#34;here&#34;); $(this).children(&#34;a&#34;).addClass(&#34;here&#34;); $(&#34;#design .contents li&#34;).removeClass(&#34;not&#34;); var tabs &#61; $(this).attr(&#34;title&#34;); if(tabs&#61;&#61;&#34;tab0&#34;){ $(&#34;#design .contents li&#34;).show(); }else{ $(&#34;#design .contents li&#34;).hide(); $(&#34;#design .contents li.&#34;&#43;tabs).show(); }; $(&#34;#design .contents li:nth-child(4n)&#34;).addClass(&#34;not&#34;); alert('여기까지'); });문제는 알럿창이 뜨고 난 뒤에 컨텐츠 부분 hide / show가 진행됩니다 ㅠ not클래스가 부여되지도 않구요... 이런경우 어떻게 해결해여 할까요?

하태연 · Accepted Answer

<li>를 hide/show를 하는데.. 보니깐 다 숨겼다가 특정 Tab을 선택했을 때 해당 Tab에 해당하는 녀석만 보여주는 것 같네요. if (tabs=="tab0") { $("#design .contents li").show(); $("#design .contents li:nth-child(4n)").addClass("not"); } else { $("#design .contents li").hide(); $("#design .contents li."+tabs).show(); $("#design .contents li."+tabs+":nth-child(4n)").addClass("not"); }

으악 또 · Answer

음 이게 맞는 지는 확인 해보시구요 스타일에서 hide으로 시작되면 아직 안 그려진거라 클래스나 이런것들 다 없는 상태이고show를 받는 순간 생기는 경우 있던듯 함그래서jsp 에서 div 테그 만들때 display: none 로 시작 하시지 말공 보이는 상태에서 동적 클래스나 이벤트 달고hide 달면 됬던듯한 기억이 있네요 아니면 말구요 ㅋㅋ

으악 또 · Answer

closeSpan &#61; document.createElement('span'); closeSpan.addEventListener('click', function() {}) 동적으로 div 만드 시면 요렇게 거는 거임 이벤트아니면setTimeout(a&#61;>{ 여기다가 이벤트 달아 보셈 })다 만들어 지고 나서 셋타임 안에 펑션 타는 거임만약 위 조치 사항으로 이벤트가 달렸으면이유는 화면에 등록되기 전에 님이 이벤트랑 클래스 달려고 시도 해서 안된거임

얼마전에 jQuery 클릭펑션 질문드렸는데요,,,

3개의 답변

Q&A 목록