Наконечник инструмента JQuery не отображается с загрузкой данных AJAX

Question

У меня возникла проблема с отображаемой подсказкой для загруженного содержимого ajax. Я добавляю всплывающую подсказку в ul с помощью функции и пытаюсь связать ее с помощью мыши над событием, когда оно работает ,

str += '<li><a href="#" class="tooltip-1" data-placement="top" data-original-title="' + _icon_list[2] + ':' + obj[_icon_list[1]] + '">' + 
      '<i class="' + _icon_list[0] + '"></i></a></li>'; 

после добавления данных я пытаюсь связать его

$('a.tooltip-1').on({ 
       "mouseover": function() { 
        tool_tip(); 
       }, 
       "mouseout": function() { 
        $(this).tooltip("disable"); 
       } 
      }); 



function tool_tip() { 
    $('[data-toggle="tooltip"]').tooltip() 
} 

это получает обратный вызов, но не показывать всплывающую подсказку? вот ссылка темы, в которой есть всплывающая подсказка, и я использую ее с моим динамическим контентом.

http://www.soaptheme.net/wordpress/citytours/shortcodes/

Answer 1

Где ваша функция Аякса? Просто добавьте title="your tooltip text here "в вашем HREF и в вас АЯКС обратного вызова этой команды.

$('a.tooltip-1').tooltip();