Передача переменной между событиями

Question

У меня есть кнопка редактирования, которая при нажатии вызывает три события ниже. У него (отредактируйте форму) также есть ссылка на отмену, которая при щелчке вызывает второе событие ниже. Как я могу гарантировать, что значение PrevContent доступно в событии отмены? Пользователь может нажимать на любое количество соответствующих ссылок редактирования за один раз.

$('.js-profile-edit').live('click',function(){ 

    var TrBlock  = $(this).closest('tr'); 
    var PrevContent = TrBlock.html(); 
    var colspan  = TrBlock.parent().prev().find('a:first').first().data('span'); 

    $.ajax({ 
     url  : $(this).attr('href'), 
     type : 'GET', 
     success : function(response){ 
      TrBlock.html('<td colspan="'+colspan+'">'+response+'</td>'); 
     }, 
     error : function(jqXHR, textStatus, errorThrown){ 
      uiAlert({message : 'Something Broke. Try again later'}) 
     } 
    }); 
    return false; 
}); 


$('.js-profile-edit-cancel').live('click',function(){ 
    $(this).closest('tr').html(PrevContent); 
    return false; 
}); 

Answer 1

Вы должны быть в состоянии хранить prevContent в .data() на ближайшем <tr>:

$('.js-profile-edit').live('click',function(){ 

    var TrBlock  = $(this).closest('tr'); 
    var PrevContent = TrBlock.html(); 
    TrBlock.data({contents: PrevContent}); // save it 
    ... 
}) 

$('.js-profile-edit-cancel').live('click',function() { 
    var TrBlock = $(this).closest('tr'); 
    TrBlock.html(TrBlock.data('contents')); 
    return false; 
}); 

Answer 2

Может быть, вы могли бы набивать PrevContent к data object вашей кнопки отмены.

Написать в js-profile-edit клик обработчика:

$('.js-profile-edit-cancel').data('PrevContent', PrevContent); 

и читать в js-profile-edit-cancel клик обработчика:

var PrevContent = $(this).data('PrevContent');