Проверка длины атрибута данных после вызова Ajax

Question

У меня есть некоторые элементы загрузки Ajax. После этого мне нужно прочитать data атрибут этих элементов на mouseenter. Но что-то не так, каждый из загруженных элементов не может отображать атрибут данных.

HTML:

<label data-href="/79" data-tooltip="description" class="tooltip">some label</label> 

и некоторые JS:

var tooltip = $('.tooltip'); 

tooltip.on({ 
    mouseenter: function(){ 
     if ($(this).data('tooltip').length){ 
      $('body').append('<span class="tooltip_vwr"/>'); 
     ... 

Как вызвать метод Длинна после АЯКС загрузки? Thx за помощью.

Answer 1

попробовать это:

$(document).on("mouseover", ".tooltip", function(e){ 
    //your code here 
    if ($(this).data('tooltip').length){ 
     $('body').append('<span class="tooltip_vwr"/>'); 
    } 
}) 

лучше, если вы свяжете это событие только тогда, когда данные, возвращаемые Аяксу вызова полностью загружен. (сейчас я не уверен, если это лучший способ ... попробуйте сначала один) как: функция

//EDIT - remember if this handler will trigger 2 or more time insert .off() before .on() 
var myhandler = function(){ 
    $(".tooltip").on(function(e){ 
     //your code here 
     if ($(this).data('tooltip').length){ 
     $('body').append('<span class="tooltip_vwr"/>'); 
     } 
    }) 
} 
$(function(){ 

    // call each time u need to rebind 
    myhandler(); 

    $.ajax({ 
    //ajax option 
    success : function(response){ 
     //at the end of your parsing and manipulating function you can bind event 
     myhandler(); 
    } 
    }); 
}) 

Если вы звоните Аякс 2 или больше времени добавления перед тем .on() в .off() например:

$(".tooltip").off().on(function... 

для предотвращения двойного связывания.

Answer 2

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

$(document).on('mouseenter', '.tooltip', function() { 
    //... 
}); 

Смотрите также:

• Direct vs. Delegated - jQuery .on()
• Should all jquery events be bound to $(document)?