如何在显示之前隐藏<li>列表？</li>

Question

我试图用他的项目来帮助朋友。

该网站有一些<li>列表和一些公寓。

您可以在此处查看：http://karberghus.dk.linux5.unoeuro-server.com

但是您第一次访问该网站时，您可以看到一个包含公寓而不是水平jquery轮播的长列表。

是否有可能修复这套丑陋的公寓？

Answer 1

将<ul>类设置为具有

的css样式

display: none

设置它，或者创建内联样式

style = 'display: none'

所以当它第一次加载时，它是不可见的。

然后，在你的jquery

$(document).ready(...)

功能，您可以连接您的carousel插件，并删除隐藏的css类或删除内联样式以使其再次可见。

-m

Answer 2

在<ul>上设置内嵌样式以隐藏它（<ul style="display: none">，然后您可以在页面加载完成后稍后覆盖它。

Answer 3

一种方法是命名<ul>（可能<ul id="mylist">）并在准备好后显示：

$(document).ready(function(){
 if (<some condition>) {
   $('#mylist').show();
 }
}