クリック時に範囲を入力に変換する

Question

クリックするとスパンが入力され、外側をクリックするとスパンに戻ります。しかし、それは一度変換してから再び起こらない

ここにコードがあります。

$(function() { 
    $(document).on('click', 'span.loadNum', function() { 
     var input = $('<input />', { 
      'type': 'text', 
       'name': 'unique', 
       'value': $(this).html() 
     }); 
     $(this).parent().append(input); 
     $(this).remove(); 
     input.focus(); 
    }); 

    $(document).on('blur', 'input', function() { 
     $(this).parent().append($('<span />').html($(this).val())); 
     $(this).remove(); 
    }); 
}); 

そして

<span class="loadNum">Hasha</span> 
<span class="loadNum">dbhfb</span> 

はまた、誰もが私が変換された入力タグにEnterキーを押したときに、それはAJAX呼び出しを提出しなければならないこと、これを達成するためにどのように伝えることができまたがります。

Answer 1

spanを再度追加すると、クラスはありません。したがって、span.loadNumセレクタはそれを識別しません。 Add the class：

$(this).parent().append($('<span />').addClass('loadNum').html($(this).val()));