Запускать одно и то же событие ajax несколько раз из объектов-братьев

Question

У меня есть скрипт для изменения положения объектов в каком-либо списке.При изменении значения ввода производится ajax-вызов функции, изменяющей позицию в БД, и возвращается обновленный список.Но если я хочу обновить свой список еще раз, мне нужно обновить страницу.Как я могу присоединить событие к элементу?

js:

$(".object-position").livequery("change", function() {
    $("#objects-list input").attr('disabled', true);
    var action = $(this).attr('name');
    var position = $(this).attr('value');
    var id = $(this).attr("id");
    var model = id.split("-")[0];
    var object_id = id.split("-")[1];

    $("#loader").show();
    $("#loader").fadeIn(200);

    $.ajax({
        type: "POST",
        url: "/manage/update_position/",
        data: "action=" + action + "&model=" + model + "&object_id=" + object_id + "&position=" + position,
        dataType: "json",
        success: function(data){
            $("#loader").fadeOut("fast", function () {
                $("#loader").hide();
            });
            $("#objects-list").html(data["html"]);
            $("#message").show();
            $("#message").fadeIn(400).html('<span>'+data["message"]+'</span>');
            setTimeout(function(){
                $("#message").fadeOut("slow", function () {
                    $("#message").hide();
                });
            }, 1500); 
        }
    });
    $("#objects-list input").attr("disabled", false);
    return false;
});

и пример страницы:

LINK

Answer 1

Привязать / делегировать событие к содержащему элементу, который не обновляется и не удаляется. Например:

$('#objects-list').delegate('.object-position', 'change', function() {
  ... code ...
});

Как работает делегат - одно событие связано с «# objects-list», но срабатывает для любого целевого события типа «.object-position». Кроме того, это единственная функция в jQuery, где «this» не относится к тому, что заключено в $ (...).

Подробнее о делегировании событий .