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

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

1 个答案: