Question

Why, if i write html method in javascript, it’s called only once, but if i have only alert, it’s calles every time, i change wy value in input (blur).

$(".quantity").blur(function() {
    console.log("upd");
    $.ajax({ 
      url: "/line_items/update_quantity/"+$(this).attr("id"), 
      type: "GET", 
      data: {quantity: $(this).val()},
      success: function(text)
      {
        alert(text);
        $('.right').html(text);
      },
      error: function(){
        alert('Ошибка javascript');
      },
      dataType : "html"
    });
  });

I need reload html partial after every blur…

Answer 1

Try doing this..

$(document).on('blur', '.quantity', function() {
   // place your code here
});

I suspect you’re replacing the dom element that the original blur binding is applied against. If you do that you remove the event handler. On() will keep it alive.