我正在使用 jQuery 应用一些 CSS 规则来在我的页面上放置多个对象。但是首先加载页面,然后完成 css 规则。
因此,您会看到元素位置错误的页面,然后一切都移动到正确的位置。
有没有办法解决这个问题?
示例:http ://mactua.eu/mactua3/index.php?language=nl (检查按钮)
PS我知道我的jquery代码是一团糟,但我没有给出太多关于它的...
您可以添加display:none
到类的 CSS 中more_button_container
。然后在您的 jquery 代码的末尾,您可以使用:
$('.more_button_container').show()
放:
body { visibility: hidden; }
在您的 CSS 文件中。然后让您的 jQuery 代码重新定位所有内容并执行以下操作:
$("body").css("visibility", "visible");
我建议您提供一个初始 CSS 文件,它将所有元素移动到第一个位置。想象一下有人打开您的网站,但不允许使用 JavaScript。这将是一团糟。这将解决您的问题。
您可以使用 CSS 放置所有框和按钮,无需 JavaScript。如果要使按钮居中,则需要执行以下操作:jsFiddle centered a tag
要使块元素居中,您只需要此 CSS 代码
width: 80px;
margin: 0 auto;
例如,如果它不是像标签这样的块元素,您将需要另外的display: block;
规则。