2013-03-05 3 views
-1
지속되지 않습니다

나는 클래스의 클릭 이벤트에 연결하는 코드가 있습니다Click 이벤트는 새로운 동적으로 생성 된 요소

$(".filter-link").click(function (e) { 
    $("#filter").dialog("option", "position", 
        { my: "left top", at: "left bottom", of: e }); 
    $("#filter").dialog("open"); 
}); 

내가 그것을 사용하는 요소가 동적으로 자주 재 작성 :

function addTopLinks() { 
    $('#calendar .fc-view thead th.fc-resourceName') 
     .removeClass('top-calendar-cell'); 
    $('#calendar .fc-view thead th.fc-resourceName') 
     .addClass('top-calendar-cell'); 
    $('#calendar .fc-view thead th.fc-resourceName') 
     .html('<a class="filter-link" href="#">Filter Resources</a>'); 
}; 

클릭을 지속시킬 수있는 방법이 있습니까? 아니면 요소를 다시 만들 때마다 클릭을 강제로 재 지정해야합니까?

감사

+1

! 대답은'.on()'을 올바르게 사용하면 효과가 있습니다. 다시 쓰지 않아도됩니다. – Popnoodles

+2

@Pointy 님이 .live를 삭제했습니다 ... 그건 오래된 답변입니다. 내가 최근에 게시 한 질문은 .live와 다른 것을 대체 한 것이다. –

+0

아, 알았습니다. 잘하면 다른 누군가가 더 나은 것을 찾을 수 있습니다. 거기에는 수천 개의 그러한 질문이 있어야합니다 :-) – Pointy

답변

2

사용 .on() : 그것은 많은 질문의 중복입니다

$(document).on("click", ".filter-link", function (e) { 
    $("#filter").dialog("option", "position", 
      { my: "left top", at: "left bottom", of: e }); 
    $("#filter").dialog("open"); 
}); 
+1

을 참조하십시오. 중복 된 질문에는 다시 대답하지 마십시오. -_- –

관련 문제