2016-04-22 73 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()函数吗?你可以提供更多关于你想要的信息吗? –