Почему это событие jQuery ajax click срабатывает несколько раз?

Ответ 1

Я решил эту проблему сейчас, я использовал

$(document).ready

в загруженном содержимом ajax вместе с...

<script src="/js/jquery-ui.js"></script>

Поэтому я предполагаю, что он удваивает "живую" функцию!

Большое спасибо за ответы.

Ответ 2

Следите за своими точками с запятой, убедитесь, что вы завершаете каждую команду одним из них, позже сохраните головную боль.

Что касается событий, связанных с live(), они должны быть несвязаны, вызывая die(). Он имеет те же параметры, что и unbind(). Посмотрите документацию.

function ajaxHandler(){
    var addassociateID = $(this).attr("id");
    var $this = $(this);
    $this.die('click');

    $.ajax({
        type: 'POST',
        url: '/data/watchlist_save.asp',
        data: {m : 'share_watchlist_add', watchListID : <%=WatchListID%>, a : addassociateID},
        async: true,
        success: function(data) {
            $(".associate_users").load("/data/sub_watch_members.asp?watchListID=<%=WatchListID%>",{cache:false},function(){
                $(".search_note").html(data);
                $this.bind('click',handler);
            });
        },
        error: function(data){
            $(".search_note").html(data);
            $this.live('click', ajaxHandler);
        }
    });     
}

$("input[name=add_associate]").live("click", ajaxHandler);

Изменить: Забыл добавить некоторые важные моменты. Вы должны развязать свое прямое событие прямо в обработчике кликов и переустановить его при ошибке, как показано в @stefan.

Также убедитесь, что вы сохранили объект this в переменной, поскольку он не указывает на ваш элемент DOM в функции обратного вызова ajax. В качестве альтернативы вы можете использовать свойство context в своем аякс-запросе, проверьте документацию.

Ответ 3

Как я вижу, все, что вы хотите сделать, это связать событие один раз и затем умереть. В последних версиях jQuery есть метод .one(), который свяжет событие только один раз.

Пример:

$('#myDiv').one('click', function() {
    alert('clicked once...');
});

В следующий раз, когда вы нажмете кнопку, событие не будет срабатывать.

Подробнее в http://api.jquery.com/one/

Ответ 4

Это может быть полезно - http://sholsinger.com/archive/2011/08/prevent-jquery-live-handlers-from-firing-multiple-times/

Ответ 5

Вы можете решить свою проблему двумя способами:

1) Переместите свой javascript-код в main.asp, вместо modal.asp.

Это мгновенно устранит проблему с двойным огнем. Вам придется немного изменить свой код, чтобы вытащить значение WatchListID из некоторого HTML внутри modal.asp, а не кодировать его напрямую, поскольку вы (поскольку main.asp еще не имеет этого значения.)

2) Сохраняйте свой код javascript там, где он есть, но прекратите использование живых событий.

Используйте простой вызов .click(function() { "вместо".live('click', function() {".

Вы перезагружаете modal.asp каждый раз, когда открывается диалоговое окно, что означает, что ваш javascript запускается каждый раз, когда он загружается. Если вы сохраняете свой javascript-код в modal.asp, тогда live(), вероятно, не подходит.

Ответ 6

Сначала вы отключаете успех. Вам нужно отвязать его в обработчике кликов, а затем снова добавить его в onerror.

Ответ 7

Я решил это так:

    var liveActionRemove = $('#ajax-list-action-remove');

    $(liveActionRemove).live('click', function(){
        $(liveActionRemove).die('click');

        $.ajax({
            url: '/someurl',
            success: function(data){
            }
        });
    }); 

Ответ 8

Просто позвоните .off() прямо перед вызовом .on().

Это удалит все обработчики событий:

$(element).off().on('click', function() {
    // function body
});

Чтобы удалить только зарегистрированные обработчики событий click

$(element).off('click').on('click', function() {
    // function body
});

Ответ 9

После одного щелчка, когда я нажимаю любой элемент html-элемента последнего клика, если он запущен, Я решаю его, используя ubind событие click ----, используя следующий код...

$( "selcetor" ) отвязать ('click');