Ajax 생성 툴팁에서 선택된 라디오 버튼 값 가져 오기

Question

Ajax를 통해 삽입 된 툴팁 내에서 선택된 라디오 버튼 값을 this page에 가져 오려고합니다.

는 출력 HTML은 다음과 같습니다 : 나는이 툴팁 아약스 삽입 말했듯이

$("input[name='rentalTimes']").on("change", function() { 
    var $theTime= $("input[name='rentalTimes']:checked").val(); 
    alert($theTime); 
}); 

:

<p>Start Time:<br></p> 
<label><input name="rentalTimes" value="9am" type="radio">9:00 AM</label><br> 
<label><input name="rentalTimes" value="11am" type="radio">11:00 AM</label><br> 
<label><input name="rentalTimes" value="1pm" type="radio">1:00 PM</label> 

여기 내 현재 jQuery의. 그 코드는 다음과 같습니다.

$.ajax({ 
    type: "POST", 
    url: "includes/available.php", 
    data: "day=" + $theID + "&calendar=" + $theDuration + "&rand=" + Math.random(), 
    success: function(data) { 
    $("#"+$theLiID).tooltip({title: data, trigger: "click", placement: "auto right",html: true}); 
    $("#"+$theLiID).tooltip("show"); 
    }, 
    dataType: "text" 
}); 

저는 부트 스트랩 툴팁을 사용하고 있습니다.

아약스가 만든 div에서 내가 선택한 라디오 버튼을 얻는 데있어 잘못된 기술이나 올바른 기술을 알고있는 사람이 누구입니까? 봐 주셔서

감사합니다 - 조

Answer 1

툴팁이 아약스 삽입되어 있기 때문에, 그들이 준비 DOM 여기에 이벤트 리스너를 설정하는 순간되지 않습니다.

$("input[name='rentalTimes']").on("change", function() { 
    var $theTime= $("input[name='rentalTimes']:checked").val(); 
    alert($theTime); 
}); 

당신은 body 요소에 이벤트 리스너를 설정하고 그래서 같이 변경 이벤트에 대한 선택을 전달할 수 있습니다

$('body').on("change", "input[name='rentalTimes']", function() { 
    var $theTime= $("input[name='rentalTimes']:checked").val(); 
    alert($theTime); 
}); 

[이벤트가 동적으로 생성 된 요소에 바인딩?]의