javascript - 在页面加载时隐藏 ul

Question

我想我的问题需要更多解释。我正在尝试让我的下拉菜单在 ipad 上正常运行。我有顶级菜单项和子菜单项。当我点击顶层时，子菜单会下拉，这是正确的。然后，当我点击子菜单项之一时，我的 html 页面会加载到我的 index.html (#!affordable-holidays.html) 中。问题是当 html 动态加载时，子级别下拉列表不会消失。因此，一旦我点击了父项目，子菜单就会永远存在。

我认为在动态加载的 html 顶部添加一些 javascript 来隐藏 ul 会起作用。

我不确定页面加载方式的正确术语，因为这是购买的模板。例如，mysite.com 将是索引，然后当我转到另一个页面时，它是 mysite.com#!second-page.html

页面加载时如何在菜单中隐藏 ul？这是我的 html

<li><a href="#">Tester</a>
    <ul class="menu-hide">
       <li ><a href="#!pay-as-you-go.html"><span class="title">PAY AS YOU GO</span></a></li>
       <li ><a href="#!affordable-holidays.html"><span class="title">AFFORDABLE HOLIDAYS ALWAYS</span></a></li>
       <li ><a href="#!how-points-work.html"><span class="title">HOW POINTS WORK</span></a></li>
       <li ><a href="#!more-than-a-room.html"><span class="title">MORE THAN A ROOM</span></a></li>
    </ul>
</li>

这是我发现的 javascript，它接近我想要的:

<script type="text/javascript">$("div.menu-hide").hide()</script>

但我似乎无法定位 ul.menu-hide。我已经尝试过了

<script type="text/javascript">$("ul.menu-hide").hide()</script>

Answer 1

您似乎错过了 document.ready 调用

<script type="text/javascript">$(document).ready(function(){$("ul.menu-hide").hide()});</script>

还要确保指向您的 jQuery 库的链接在您的其他 javascript 之前声明

http://api.jquery.com/ready/