Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery加载时元素的位置_Jquery_Css - Fatal编程技术网

jQuery加载时元素的位置

jQuery加载时元素的位置,jquery,css,Jquery,Css,我使用jQuery应用一些CSS规则在页面上放置几个对象。 但是,首先加载页面,然后执行css规则 因此,您会看到元素位置错误的页面,然后所有内容都会移动到正确的位置 有没有办法解决这个问题 示例:(检查按钮) 另外,我知道我的jquery代码乱七八糟,但我没有给出太多信息…Put: body { visibility: hidden; } 在CSS文件中。然后让jQuery代码重新定位所有内容并执行以下操作: $("body").css("visibility", "visible");

我使用jQuery应用一些CSS规则在页面上放置几个对象。 但是,首先加载页面,然后执行css规则

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

有没有办法解决这个问题

示例:(检查按钮)

另外,我知道我的jquery代码乱七八糟,但我没有给出太多信息…

Put:

body { visibility: hidden; }
在CSS文件中。然后让jQuery代码重新定位所有内容并执行以下操作:

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

您可以将
display:none
添加到类
more\u button\u容器的CSS中
。然后在jquery代码的末尾,您可以使用:

$('.more_button_container').show()

我建议您提供一个初始CSS文件,将所有元素移动到第一个位置。假设有人打开你的网站,不允许使用JavaScript。那将是一片混乱。这会解决你的问题

您可以使用CSS放置所有框和按钮,不需要JavaScript。如果要使按钮居中,需要执行以下操作:

要使块元素居中,您只需要此CSS代码

width: 80px;
margin: 0 auto;

例如,如果它不是像标签一样的块元素,则您还需要
display:block规则。

请将相关HTML和脚本代码发布到您的问题中,如果可能的话,请另外添加一个演示问题的示例。链接页面而不显示代码的问题在于,链接已断开或网站已关闭的页面,您的问题将没有上下文,对于未来寻找类似问题解决方案的用户来说也没有任何用处。请正确操作。@MathiasB在有人关闭您的问题之前,您应该重写您的问题。做一个jsFiddle并更详细地解释您的问题。即使你的问题已经解决了。这将有助于flolks解决同样的问题。也许这会有所帮助,但这有关系吗?问题:jquery在css之后加载。解决方案:隐藏对象并使其显示在StyleingTanks之后,这将满足我的要求!也是一个很好的解决方案,但我会使用上面的解决方案。。。谢谢在大多数情况下,这是真的。但在这种情况下,如果我用CSS定位所有东西,我会遇到一个奇怪的z索引问题。。。因此jQuery是这里唯一简单的解决方案。关于无javascript问题,我已经用一个简单的替代css解决了这个问题,该css将按钮放置在相对位置。