Javascript JS工具提示以错误的方式工作
我的PHP: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
加载页面时,您没有隐藏工具提示
<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;
}