jquery - Jquery悬停在页面加载时激活而不是悬停

Question

我写了一个小脚本，当一个 div 悬停在上面时，会弹出一个位于 div 底部的选项卡（通过 css 中的溢出隐藏）。

当我直接加载页面时它工作得很好——但是，当我第一次从链接访问页面时，选项卡已经弹出，并覆盖了整个 div。当我将鼠标悬停（或刷新页面）时，它会立即弹回并开始正常工作。

谁能帮助我在这里做错了什么？

$(document).ready(function() {
   $(".linkbox").hover(
   function(){
     $(".linkbox_text", this).filter(':not(:animated)').animate({
        marginTop:'-175px'
     },'400','swing');
   },

   function() {
     $(".linkbox_text", this).animate({
        marginTop:'-35px'
     },'400','swing');
   });
});

Answer 1

尝试在准备好的文档上重新定位您的 div

$(document).ready(function() {

    // reposition the div on document ready
    $(".linkbox .linkbox_text").css({marginTop:'-35px'});

   $(".linkbox").hover(
   function(){
     $(".linkbox_text", this).filter(':not(:animated)').animate({
        marginTop:'-175px'
     },'400','swing');
   },

   function() {
     $(".linkbox_text", this).animate({
        marginTop:'-35px'
     },'400','swing');
   });
});