jQuery如何在ajax回調後重新綁定此事件？

Question

我想通過操縱jQuery選擇器來創建文本編輯。但是，第一個Ajax回調後，其他回調相同的輸入文本不工作了......

function editaVal(celDiv, id) 
    { 
     var novoConteudo = $("<input type='text' id='novoCont" + id + "' value='" + $(celDiv).html() + "' />"); 
     $(celDiv).dblclick(function() 
     { 
      $(this).html(novoConteudo); 
     }); 

     $(novoConteudo).blur(function() 
     { 
      $(novoConteudo).parents("tr").removeClass('trSelected'); 
      $.ajax({ 
       type: 'POST', 
       url: '/SuperAdmin/SalvaValor/?busca=' + $(novoConteudo).val() + '&codValor=' + id, 
       beforeSend: function() 
       { 
        $(celDiv).html($("#loading").show()); 
       }, 
       success: function() 
       { 
        $(celDiv).html($("#loading").hide()); 
        $(celDiv).html(novoConteudo.val()); 
       } 
      }); 
     }); 
    } 

我的問題是：我怎樣才能重新綁定這個???重新綁定模糊事件...當我模糊輸入文本時，第二個Ajax回調沒有任何反應。

謝謝!!

Answer 1

你附加"onblur"處理程序到被阿賈克斯更新後消滅的元素。如果你希望事件持續下去，只是將其綁定當你創建（即在dblclick）：

function editaVal(celDiv, id) 
{ 
    $(celDiv).dblclick(function() 
    { 
     var text = $(this).html(); 
     var novoConteudo = $('<input type="text" />') 
      .appendTo($(this).empty()) 
      .attr('id', 'novoCont' + id) 
      .val(text) 
      .blur(function() 
      { 
       $(this).parents("tr").removeClass('trSelected'); 
       $.ajax({ 
        type: 'POST', 
        url: '/SuperAdmin/SalvaValor/?busca=' + $(this).val() + '&codValor=' + id, 
        beforeSend: function() 
        { 
         $(celDiv).html($("#loading").show()); 
        }, 
        success: function() 
        { 
         $(celDiv).html($("#loading").hide()); 
         $(celDiv).html(novoConteudo.val()); 
        } 
       }); 
      }); 
    }); 
} 

Answer 2

您可以使用jQuery.live（jQuery 1.3+）。它將處理程序綁定到所有當前的和未來匹配元素的事件。

Answer 3

如果您創建一個函數來設置頁面或重新綁定控件，然後在Ajax調用的成功時調用該函數，那可能會有效。

編輯
試試這個...

success: function()     
{      
    $(celDiv).html($("#loading").hide());      
    $(celDiv).html(novoConteudo.val());  
    ConfigMyInputs();   
} 

function ConfigMyInputs() 
{ 
    //foreach item 
    //configure double click 
    //configure blur 
} 

function MakeMyAjaxCall() { 
    //AJAX CODE HERE 
}