隐藏文本然后重新显示它时,它不会正确返回,它不会为出现的文本分配空间

时间:2013-12-18 17:47:11

标签: javascript jquery html css

因此,在加载文档时,我隐藏了所有描述div,然后当悬停在我希望div显示下面的文本时,然而它没有为文本分配空间。它被卡在我的页脚下面。然而,如果我尝试使用反转aka,在启动时显示它并在悬停时隐藏它,它会按照预期完美地工作,在它自身重新生成时创建空间。

我的代码的主要部分在这里 http://www.hastebin.com/yilinademe.xml

http://gurucraft.co.uk/media.php如果您查看页面下方的缩略图,当您将鼠标悬停在该缩略图上时,会看到标题显示但该段落未显示?没有意义。我假设该段落被页脚或其他东西卡住了?

1 个答案:

答案 0 :(得分:0)

使用此:

$(document).ready(function() {
  $(".view").hover(function() {
    $(this).parent().children(".test").show();
  });
  $(".test").hide();
});

更新 看了你链接的代码后我发现问题是由于使用了jQuery插件之一(同位素),要解决它使用它:

$(document).ready(function() {
  $(".view").hover(function() {
    $(this).parent().children(".test").show();
    $('.isotopeWrapper').isotope('reLayout');
  });
  $(".test").hide();
});