AJAXデータロードでJqueryツールのヒントが表示されない

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

どこにAjaxの機能はありますか？ はちょうどこのコマンドあなたのhrefに、あなたのAJAXコールバック呼び出しでtitle="your tooltip text here」を追加します。

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