修改

Question

我是jQuery的新手，这是我正在开发的页面。

我正在测试您在gandhi2.html页面上的提示

当我点击“显示/隐藏图库”时，所有图像首先垂直打开，然后将它们更正为水平位置，这就是问题所在。它们应该是水平的！我不知道这是由于jQuerys slideDown还是完全与CSS相关，但是代码就在那里。

最初，图像设置为display：none，也许它们可能是垂直存储的。然后执行slideDown，最后，CSS属性更改为“display：inline”。也许我需要改变slideDown的执行顺序并设置CSS属性......但是如何？

我需要帮助......出于很多原因，但我只想让你帮助我这个;）

而且，在做出任何假设之前，请实际查看代码。它代码中的 all 。

通过在jQuery中更改一行来实现它。 5738号线改变了 this.elem.style.display =“block”; 至 this.elem.style.display =“inline-block”;

我是否需要使用自己的jQuery修改版本，或者我可以简单地从我的html页面覆盖该值？也许我应该为这个问题开始一个新线程......

Answer 1

当我点击“显示/隐藏图库”链接时，它们向我展示水平。另外，尝试在ready处理程序中使用jquery隐藏，而不是在CSS中使用display:none，以便jquery记住它们的初始显示设置，例如block等。

$(function()){
  $('.gallery_container img').hide();
};

Answer 2

slideDown将display CSS属性设置为block;您似乎已经意识到，在inline回调中将其更改为slideDown。

不应单独为每个图像设置动画，而应将它们包装在块级元素（ul.navlist？）和slideDown()中。

Answer 3

在样式表中，尝试将li元素设置为display: inline-block。然后在jQuery的开头，使用$(/*li elements*/).hide()。

编辑：