jQuery를 클릭 트리거 나던 작업

나는이 기능을 가지고 :jQuery를 클릭 트리거 나던 작업

$(".action").click(function(){    
$.get('suppliers/template/get_options_list.php?action='+action+'&id='+id+'&optvalue='+optvalue+'&pid='+pid+'', 
update_options);   
    }  
});  
function update_options(options){ 
$('#selectedoptions').html(options);  
}

그것은 첫 번째 클릭 트리거를 잘 작동하지만 아약스의 복귀 후 다음을 클릭 나던 화재 .. 아니 오류, 콘솔은 분명하지만 stilll의

결과

이 문제의 원인은 무엇일까요? 감사합니다

출처

2014-12-12 Europeuser

'.action' 요소가'# selectedoptions' 요소 안에 있다면, html을 바꾼 후 존재하지 않거나 동일한 것으로 대체 된 다음에 ('클릭', ".action", function() {' – Regent

'update_options'가'.action' 엘리먼트를 포함하는 HTML을 업데이트합니까? 그렇다면 위임 된 이벤트 핸들러'$ ('selected selectedions')를 사용할 시간입니다. (http://learn.jquery.com/events/event-delegation/) 리젠트가 말했던 것. – showdev

당신은 여분의'}' 이 코드가 실행 중인지 여부. –

$(document).on('click','.action',function(){ 
$.get('suppliers/template/get_options_list.php?action='+action+'&id='+id+'&optvalue='+optvalue+'&pid='+pid+'', 
update_options);  
});  
function update_options(options){ 
$('#selectedoptions').html(options); 
}

및 .action 경우 입력의 용도 제출하는 경우

$(document).on('submit','your_form_ID_or_Class',function()

출처

2014-12-12 19:16:46

약간의 설명이 도움이 될 것입니다. 또한 "조치"는 ID가 아닌 클래스입니다. – showdev

예, 친구, 그것은 화재, 클래스의 요소 그룹이며 내가 처음으로 방아쇠가 잘 작동하고 아약스가 동일한 .action 요소로 구성된 html을 반환 한 후 그들은 화재가 없다 .. – Europeuser

@showdev thanks :) 귀하의 의견을 게시하는 동안 내 대답을 업데이 트 ..하지만 난 아주 느린 영어 입력이야 :) –

오히려 당신이 교체되면 더 이상 구속되지 않습니다 특정 요소,보다, 몸에 클릭 이벤트를 바인딩 시도 HTML :

$("body").on("click", ".action", function(){    
     $.get('suppliers/template/get_options_list.php?action='+action+'&id='+id+'&optvalue='+optvalue+'&pid='+pid+'', 
update_options);   
    }  
});  
function update_options(options){ 
$('#selectedoptions').html(options);  
}

출처

2014-12-12 19:17:41 shawnbro

나는 아약스는 HTML을 반환하는 대신 내가 새로운 HTML을 생성하는 대신 요소를 제거하기 위해 .remove() 함수를 사용 아약스 응답에 그것을 제거 .. 당신의 도움들 주셔서 감사합니다 ! 이것은 원래의 해결책은 아니지만 괜찮습니다.

출처

2014-12-12 19:42:24 Europeuser

jQuery를 클릭 트리거 나던 작업

답변

관련 문제