jquery image click стрельба один раз

Question

У меня есть страница с 3 вкладками на ней. На первой вкладке несколько отмененных изображений с классом «cancelBtn».

<img src="images/cancel.gif" alt="Cancel Order" class="cancelBtn" id="49" /> 

Первый раз, когда страница загружает событие щелчка выстреливает нормально, если я перееду от вкладки Фриста и вернуть событие щелчка не срабатывает. Каждый раз, когда нажимается вкладка, html, используемый на вкладке, включая кнопку отмены, извлекается с сервера.

Кто-нибудь знает, почему событие запускается только при загрузке страницы? благодаря

$(function() { 
    $(".cancelBtn").click(function() { 
     alert('hello'); 
     $.ajax({ 
      type: "POST", 
      url: "Default.aspx/CancelOrder", 
      data: "{}", 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: function (msg) { 
       $("#divResult").html(msg.d); 
      } 
     }); 
    }); 
}); 

Answer 1

Каждый раз, когда вкладка щелкнул HTML, используемый на вкладке, включая кнопку отмены извлекается с сервера.

Событие click() присваивает функцию только тем элементам, которые существуют в момент его вызова Используйте live, чтобы связать событие с «будущими» элементами.

$(".cancelBtn").live("click", function() {