редактируемые ввод текста с размытия() JQuery

Question

У меня возникли проблемы с JQuery размытия() функции Это код:

<a class="quick_edit_title" s="1" u="/administrator/user-group/index/edit/1">Admin</a> 
<a class="quick_edit_title" s="1" u="/administrator/user-group/index/edit/2">User</a> 
<a class="quick_edit_title" s="1" u="/administrator/user-group/index/edit/3">Mod</a> 

Я использую Jquery Ajax с Editable элемента при использовании мыши

$(document).ready(function() { 
    $('.quick_edit_title').each(function() { 
     $(this).click(function() { 
      var url = $(this).attr('u'); 
      var status = $(this).attr('s'); 
      var title = $(this).html(); 
      var old_element = this; 
      var input = $("<input type='text' size='45' value='" + title.replace(/'/gi, "\\'") + "' class='input_quick_edit'/>"); 

      //$(this).replaceWith(input).blur(function() { 
      //alert(this.value); 
      //}); 

     }); 
    }); 
}); 

Когда я нажимаю editable <a>. Элемент <input/> добавлен, но когда я использую функцию blur() jquery, я не могу получить value элемента <input/> и вернуться к элементу <a> при размытии.

Answer 1

попробовать что-то вроде этого:

$(document).on('click', '.quick_edit_title', function(){ 
    var url = $(this).attr('u'); 
    var status = $(this).attr('s'); 
    var title = $(this).html(); 
    var input = $("<input type='text' size='45' value='" + title.replace(/'/gi,"\\'") + "' class='input_quick_edit'/>"); 

    $(this).replaceWith(input); 
}).on('blur', '.input_quick_edit', function() { 
    alert(this.value); 
}); 

Нет необходимости перебирать с .each() и назначать обработчики кликов для класса, вы можете просто сделать обработчик щелчка класса, замените содержимое и ЦЕПЬ blur функцию.