在jquery加載後使用jquery中的新dom元素獲取變量

Question

我有用AJAX加載的內容，我需要知道用於加載的dom元素上的事件的變量的值。

這是我的代碼：

var course_select = $(this).closest('div[id^=course-]').attr('id'); 
// get the course id 
var course_id = course_select.split('-')[1]; // get the number 
$.ajax({ 
     type: 'POST', 
     url: 'main/ajaxjson/load_course_details', 
     data: {page : which, course_id: course_id}, 
     success: function(home){ 

      $('#ajax-content-' + course_id).hide(); 
      $('#ajax-content-' + course_id).empty().append(home); 
      $('#ajax-content-' + course_id).fadeIn(); 
})` 

我得到新加載的內容之後，我綁定的事件是這樣的： $('body').on('click',param_here, function_here(){});

我需要COURSE_ID變量可用新進行訪問元素。

Answer 1

您可以在.ajax()之前定義一個變量，並將其設置爲您的成功方法。
但是你永遠不會知道在運行時ajax是否已經完全完成，或者更具體的說，你不知道什麼時候設置了var courseId。
所以，你可以做的是改變你的變量的值，然後觸發像這樣$(body).trigger('courseIdUpdate');
自定義事件和所有你必須做的是偵聽該事件，如：

$(body).on('courseIdUpdate',function(){ 
    alert("My course Id has been updated"); 
    //run additional code that needs the updated courseId 
}); 

這是一個有點簡單的任務，但也許你應該考慮這一點。