Javascript 启动工具提示未显示在第一个鼠标悬停操作按钮上

我有一个基本的从上到下的引导按钮，除了它的（引导）工具提示只在第二次鼠标悬停时显示外，它工作得很好，你知道这在第一次鼠标悬停时不起作用吗

Html端：

[...]
[...]

JavaScript方面：

<script>
    function fadeInBody() {
        $('body').fadeIn(500);
    }

    $(document).ready(function () {
        fadeInBody();

        $(window).scroll(function () {
            if ($(this).scrollTop() > 5) {
                $('#back-to-top').fadeIn();
            } else {
                $('#back-to-top').fadeOut();
            }
        });

        $('#back-to-top').click(function () {
            $('#back-to-top').tooltip('hide');
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            return false;
        });

        $('#back-to-top').tooltip('show');
        $('[data-toggle="tooltip"]').tooltip();
    });
</script>

函数fadeInBody（）{
$（‘body’）.fadeIn（500）；
}
$（文档）.ready（函数（）{
fadeInBody（）；
$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>5）{
$（“#返回顶部”）.fadeIn（）；
}否则{
$（“#返回顶部”）.fadeOut（）；
}
});
$（“#返回顶部”）。单击（函数（）{
$（“#返回顶部”）。工具提示（“隐藏”）；
$（'body，html'）。设置动画({
滚动顶部：0
}, 800);
返回false；
});
$（“#返回顶部”）。工具提示（“显示”）；
$（'[data toggle=“tooltip”]'）。tooltip（）；
});

由于您只共享子元素，因此调试起来比较困难，但我通常在包含

标记的父元素上放置

数据工具提示。我也从未使用过
数据触发器
参数，但它似乎没有造成您所说的故障

脚本是否加载在
标记的末尾

希望这有帮助
 我设法重现了我这边的问题

我认为潜在的问题与jQuery就绪事件处理程序有关，实际上不需要调用
$（'#返回顶部'）：


函数fadeInBody（）{
$（‘body’）.fadeIn（500）；
}
$（文档）.ready（函数（）{
fadeInBody（）；
$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>5）{
$（“#返回顶部”）.fadeIn（）；
}否则{
$（“#返回顶部”）.fadeOut（）；
}
});
$（“#返回顶部”）。单击（函数（）{
$（“#返回顶部”）。工具提示（“隐藏”）；
$（'body，html'）。设置动画({
滚动顶部：0
}, 800);
返回false；
});
//试着在下面对此进行评论
//$（“#返回顶部”）。工具提示（“显示”）；
$（'[data toggle=“tooltip”]'）。tooltip（）；
});

如果您仍然面临此问题，请告诉我。
可能会尝试使用“数据标题”而不是“数据切换”。我在JSFIDLE上尝试了您的代码，效果很好。我的假设是您缺少一些导入，或者您的脚本稍后加载。请发布您的完整页面以进行验证；）@MohamedBathaoui Thank听起来像是最有可能的加载顺序问题，我要检查一下。数据触发器更像是一次绝望的尝试，无论有没有行为都是一样的。我将进一步调查装载顺序。
<script>
    function fadeInBody() {
        $('body').fadeIn(500);
    }

    $(document).ready(function () {
        fadeInBody();

        $(window).scroll(function () {
            if ($(this).scrollTop() > 5) {
                $('#back-to-top').fadeIn();
            } else {
                $('#back-to-top').fadeOut();
            }
        });

        $('#back-to-top').click(function () {
            $('#back-to-top').tooltip('hide');
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            return false;
        });

        $('#back-to-top').tooltip('show');
        $('[data-toggle="tooltip"]').tooltip();
    });
</script>

<script>
    function fadeInBody() {
        $('body').fadeIn(500);
    }

    $(document).ready(function () {
        fadeInBody();

        $(window).scroll(function () {
            if ($(this).scrollTop() > 5) {
                $('#back-to-top').fadeIn();
            } else {
                $('#back-to-top').fadeOut();
            }
        });

        $('#back-to-top').click(function () {
            $('#back-to-top').tooltip('hide');
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            return false;
        });

        // Try to comment this out below
        // $('#back-to-top').tooltip('show');
        $('[data-toggle="tooltip"]').tooltip();
    });
</script>