2016-04-22 75 views
0

我有關於顯示Ajax加載內容的工具提示問題,我將工具提示添加到ul函數,並試圖將它與鼠標懸停在事件上,因爲它工作。Jquery工具提示未顯示AJAX數據加載

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/

回答

0

哪裏是你的AJAX功能? 就在您的href和你的AJAX調用回調這個命令添加title="your tooltip text here「。

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

我正在回調,但提示不顯示:(我看到了主題網頁,但不明白它是如何加入它或我怎麼能綁定它動態,因爲它沒有數據切換屬性 – Retro

+0

哪裏是屬性data-toggle =「tooltip」的元素?你能顯示你的html? –

+0

我改變了代碼,所以'.tooltip( )'在同一元素上執行beign hovered.I想你真的想要,你不需要你有的tool_tip()函數嗎?你可以提供更多關於你想要的信息嗎? –