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'); 
    }); 
});