Question

我要做的是允许用户点击portfolioMain页面上的摄影师照片;然后，这将带他们获取有关摄影师的信息。当他们在那里完成后，他们可以点击“返回”，然后将他们带回到投资组合主页。

它用于完美地工作，但我在脚本或html中的某个地方搞砸了。所以现在当我点击回来时，摄影师的信息仍然显示并且没有淡出。任何人都可以看到我可能做错了什么吗？

Answer 1

您应该将JavaScript代码包装在：

中

$(document).ready(function(){
    // your code
});

Answer 2

这似乎是因为您没有在开始时正确初始化文档状态。否则，您的代码似乎工作正常（至少使用jQuery 1.6.4）。

以下是工作的jsFiddle，在$(document).ready()开始时调用后端链接功能以“正确设置状态”的快速入侵：http://jsfiddle.net/RFra9/1/

显然，它'闪烁'的方式并不理想，因此您需要确保HTML最初呈现时隐藏了正确的元素（将其style属性设置为display: none;），然后移除对$(document).ready()的{{1}}来电。

这有意义吗？如果没有，请告诉我。

哦，当你在那里时 - 从技术上讲，backToMain()应为<br>，所有<br />标签也应自动关闭（<img>） - Vanessa的一个不是。

编辑：好的，看过页面后，除了所有损坏的图片路径（大多数是由于文件名中缺少<img ... />），我认为问题与. div没有正确淡出是由于你使用了浮点数。现在，我不是浮动专家，但我确实通过在每个portfolioDetail div的末尾添加.portfolioDetail:visible来获得所需的行为，例如：

<div style="clear: both;">

我不确定您使用的是哪个CSS框架，因为可能有一种方法可以确保使用特殊类或其他东西清除浮点数，但手动添加div（以及重新绑定{{ 1}}功能，我不确定为什么这对我的更改不起作用）确实为我修复了。

这有帮助吗？尝试修复图像路径并在链接到的测试站点上添加清除div，我将查看它是否仍然无效。

淡入，淡出div与图像和文本（使用jquery）

2 个答案: