Javascript 隐藏文本然后重新显示时,它不会';不能正常返回,它不会';不要为出现的文本分配空间

Javascript 隐藏文本然后重新显示时,它不会';不能正常返回,它不会';不要为出现的文本分配空间,javascript,jquery,html,css,Javascript,Jquery,Html,Css,因此,在加载文档时,我隐藏了所有的description div,然后当我将鼠标悬停在上面时,我希望div显示下面的文本,但是它没有为文本分配空间。它卡在我的脚底下面。然而,如果我尝试了反转aka,在开始时显示它,在悬停时隐藏它,它会按照预期完美地工作,当它重新显示时会留出空间 我的代码的主要部分在这里 如果您查看页面下方的缩略图,当您将鼠标悬停在其上时,您会看到标题出现,但段落没有出现?毫无意义。我假设这段文字被卡在页脚下或其他什么地方?使用这个: $(document).ready(fun

因此,在加载文档时,我隐藏了所有的description div,然后当我将鼠标悬停在上面时,我希望div显示下面的文本,但是它没有为文本分配空间。它卡在我的脚底下面。然而,如果我尝试了反转aka,在开始时显示它,在悬停时隐藏它,它会按照预期完美地工作,当它重新显示时会留出空间

我的代码的主要部分在这里

如果您查看页面下方的缩略图,当您将鼠标悬停在其上时,您会看到标题出现,但段落没有出现?毫无意义。我假设这段文字被卡在页脚下或其他什么地方?

使用这个:

$(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();
});

请在问题本身中张贴相关代码。此外,我认为一个可复制的例子在这里会很有帮助。请给出一个包含所有相关代码的JSFIDLE,作为一个简单的示例。这样,我们甚至可以用一个固定的工作示例的形式给你答案。@Mike'Pomax'Kamermans只需对你同意的评论投上一票,无需发表第二条完全相同的评论。我会给出我所有的代码,以使其具有相关性,这是不可能令人遗憾的,它必须在给定的代码中的某个地方,因为我可以通过反转它来让它工作,但是由于明显的原因,我真的不想要反转的版本。它只是因为某种原因没有重新打开它应该做的差距。请随意提出您可能需要的其他建议。是否有理由在页面加载之前不通过CSS隐藏描述div?比如,
display:none
等,而不是将其分配给javascript?可能是因为您查看了它或做了什么,但我没有看到您在
1)
2)
中指出的代码错误,还有一个
$(文档)。准备好了吗(…
,虽然它完全没有必要…我确实编辑了它;这是我从测试中获得的额外代码,但是的,我更改了我的代码。3)是唯一相关的代码。还使用next(.test)由于某种原因,找不到它。它根本不显示。但是,在我的代码中,标题显示了,但其余的文本没有显示,我假设它被卡在我的页脚后面。@用户为什么不进行一些编辑,以便我们能实实在在地看到您描述的这个问题,然后我们可以尝试为您解决。您要求我们不要这样做o为您做很多假设,其中一些假设已经被证明是不正确的,而且非常耗时。如果您查看页面下方的缩略图,当您将鼠标悬停在其上方时,您会看到标题出现,但该段落没有出现?没有意义。我假设该段落被卡在页脚或其他什么下面?