加载元素的jQuery位置

-2

我正在使用jQuery来应用一些CSS规则在我的页面上放置多个对象。但是首先加载页面，然后完成CSS规则。加载元素的jQuery位置

因此，您看到页面的元素位置错误，之后所有内容都移动到正确的位置。

有什么办法解决这个问题吗？

实施例：http://mactua.eu/mactua3/index.php?language=nl（检查按钮）

P.S.我知道我的jQuery代码是一个烂摊子，但我不给了很多关于它...

2013-04-06 MathiasB

请发布**相关** HTML和脚本代码到您的问题中，如果可能的话**另外**一个[** jsFiddle **]（http://jsFiddle.net）展示这个问题。链接页面而不显示代码的问题在于，链接已死或网站已关闭，您的问题将没有上下文，对于将来寻找类似问题解决方案的用户来说没有用处。 – Nope 2013-04-06 09:29:23

这里正常工作。 – 2013-04-06 09:30:54

@MathiasB你应该在有人关闭它之前重写你的问题。制作一个jsFiddle并更详细地解释你的问题。即使你的问题还没有完成。这将有助于解决同样的问题。 – Max 2013-04-06 10:07:15

您可以添加display:none到类more_button_container的CSS。然后在你的jQuery代码结束，你可以使用：

$('.more_button_container').show()

来源

2013-04-06 09:33:03

谢谢，这将做我想要的！ – MathiasB 2013-04-06 09:50:48

地说：

body { visibility: hidden; }

在你的CSS文件

。然后让你的jQuery代码重新定位的一切，做：

$("body").css("visibility", "visible");

来源

2013-04-06 09:32:49 Barmar

也是一个很好的解决方案，但我会用上面的解决方案... 谢谢！ – MathiasB 2013-04-06 09:51:10

我建议你提供移动到第一位置的所有元素的初始CSS文件。想象一下，有人打开你的网站，并且不允许JavaScript。这将是一个烂摊子。这将解决您的问题。

您可以放置所有框和按钮与CSS，不需要JavaScript。如果你想中间的按钮，你需要做这样的事情：jsFiddle centered a tag

为中心，你只需要这个CSS代码

width: 80px; 
margin: 0 auto;

块元素。如果不是这样，例如一个标签块元素你还需要另外的规则display: block;。

来源

2013-04-06 09:55:58 Max

这是事实，在大多数情况下。但在这种情况下，如果我用CSS定位所有东西，我就会遇到奇怪的z-index问题......所以jQuery是唯一简单的解决方案。关于no javascript的问题，我已经用一个简单的替代css来解决这个问题，它相对放置按钮。 – MathiasB 2013-04-06 10:00:49

加载元素的jQuery位置

回答

相关问题