jQery에서 클릭펑션 질문있어요 ㅠㅠ

Question

탭하고 컨텐츠 하고 따로 묶었고각 탭에 title로 고유 번호 부여해서 컨텐츠랑 짝 맞춰놨어요.탭 클릭하면 밑에 컨텐츠부분이 해당하는 것만 show하도록 .그런데 4번째 요소마다 오른쪽 마진을 없애고 싶어서페이지가 로드 될 때 nth-child(4n)으로 선택해서 not클래스 부여해서 마진을 없앴습니다.문제는 탭을 누르면 보여지는 컨텐츠 갯수와 종류가 달라지기 때문에 달라질때마다 not클래스를 새로 부여하고 없애고 해야하는데어떤것 때문인지 먹히질 않고 처음 로드 했을때 카운트 한 순서대로 not클래스를 주고있는것 같습니다어떻게 하면 될까요? ㅠ구조는 이런식으로 짰습니다______________________________________________________________________________________

All
Poster
Edit
Charactor & illustration
Web design
Event

더보기
더보기
더보기

_______________________________________________________________________________________//컨텐츠 부분 4의 배수 마다 마진제거 클래스 not 부여중 jQuery("#design .contents li:nth-child(4n)").addClass('not'); //tab기능 jQuery("#design .tab li").click(function(){ jQuery("#design .tab li a").removeClass("here"); jQuery(this).children("a").addClass("here"); jQuery("#design .contents li").removeClass("not"); var tabs = jQuery(this).attr("title"); if(tabs=="tab0"){ jQuery("#design .contents li").show(); }else{ jQuery("#design .contents li").hide(); jQuery("#design .contents li."+tabs).show(); }; jQuery("#design .contents li:nth-child(4n)").addClass("not"); });

xml개발자 · Answer

$("body").on("click", "[id=test]", function(event) { // 클릭이벤트 예시}); 이 소스에서 id=test 부분만 변경해서 해보시겠어요?$("#test").click() 이건 최초 로딩 시 고정이 되는 걸로 알고 있어요.유동적인 html 이라면 body에서부터 시작해서 찾아가는 방법으로 써야하고요.

하태연 · Answer

가변적인 상황인 것 같은데..$("#design .tab li").click(function() {))이 부분을 아래와 같이 변경하시면 잘 동작하실 겁니다.$(document).on('click', '#design .tab li', function() {})

inmonking · Answer

위에서 이야기들 하신대로 동적으로 생성된 객체는 .click이 아닌 .on(‘click’ 으로 하셔야 동적 바인딩이 됩니다

jQery에서 클릭펑션 질문있어요 ㅠㅠ

3개의 답변

기술 목록