Jquery 工具提示未随 AJAX 数据加载一起显示

Jquery tool tip is not showing with AJAX data load

本文关键字:加载 一起 显示 数据 AJAX 工具提示 Jquery      更新时间:2023-09-26

我在 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/

你的 ajax 函数在哪里?只需在 href 中添加一个 title="your tooltip text here ",然后在 ajax 回调中调用此命令。

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