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中加一个title="your tooltip text here，然后在你的ajax回调中调用这个命令。

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

使用AJAX数据加载时，Jquery工具提示未显示

1 个答案: