Javascript JS工具提示以错误的方式工作

Javascript JS工具提示以错误的方式工作,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的PHP: 加载页面时,您没有隐藏工具提示 <script> $(".checkbox").mouseenter(function(){ var $tooltip = $('.tooltip-inner', this); clearTimeout($tooltip.data('timeoutId')); $tooltip.show(200); }).mouseleave(function(){ var $tooltip = $('.tooltip-i

我的PHP:


加载页面时,您没有隐藏工具提示

<script>
$(".checkbox").mouseenter(function(){
    var $tooltip = $('.tooltip-inner', this);
    clearTimeout($tooltip.data('timeoutId'));
    $tooltip.show(200);
}).mouseleave(function(){
    var $tooltip = $('.tooltip-inner', this),
    timeoutId = setTimeout(function(){
        $tooltip.hide(200);
    }, 650);
    $tooltip.data('timeoutId', timeoutId); 
});

$(".tooltip-inner").mouseenter(function(){
    clearTimeout($(this).data('timeoutId'));
}).mouseleave(function(){
    var $tooltip = $(this),
    timeoutId = setTimeout(function(){
        $tooltip.hide(200);
    }, 650);
    $tooltip.data('timeoutId', timeoutId); 
});
</script>
            '
        </label>
        </td>
    </tr>';
}?>

如果您已经有了$(document).ready(),那么只需将隐藏代码放在最上面。

如果您不希望它们闪烁,请使用css而不是js来隐藏它们

在你的css中有类似的东西

$(document).ready(function(){
    $('.tooltip-inner').hide();
});

谢谢它工作,现在标题显示2-3秒,直到页面完全加载,在此之后dissapear@user3429546确保我为您提供的代码位于页面顶部(在jquery包含之后),而不是底部。
$(document).ready(function(){
    $('.tooltip-inner').hide();
});
.tooltip-inner {
display:none;
}