Обрабатывается несколько рас запрос ajax

Question

Есть динамически созданные классы:

<div class='menuline' data1=''></div>
<div class='menuline' data1=''></div>
<div class='menuline' data1=''></div>

и т.д.

Мне нужно при нажатии на каждый menuline обработать запрос:

    $(document).delegate( ".menuline", "click", function() {
    $.ajax({
        url: 'info.php',        
        method: 'get',           
        dataType: 'html',          
        data: { data1: $(this).attr('data1')},    
        success: function(data){ 
        $('#menuserios').empty();   
        $('#menuserios').append(data);
        }
    }); 

});

При первом клике на элемент "menuline" мне выдает результат. При втором клике дважды результат, при третьем - четыре раза и т.д. в геометрической прогрессии.

Подскажите пожалуйста, можно ли как ни будь, при каждом клике обнулять функцию? Чтобы при каждом нажатии на "menuline" она срабатывала лишь по одному разу.

Answer 1

Попробуйте так:

$(document).off(myFunction).on( ".menuline", "click", myFunction);

function myFunction() {
    // тут ajax запрос
}

БЛОГ НА HUSL

Обрабатывается несколько рас запрос ajax

Ответы (1 шт):