0

以下脚本适用于 firefox(windows)。我还必须在潮汐 sdk 上对其进行测试，因为必须做一个小应用程序，但无法正常工作。问题是子菜单在没有点击的情况下可见，而 Windows Firefox 工作正常，我必须点击该项目，然后我才能看到（如果有一个或多个）子菜单。

<!doctype html>
<html>
<head>
<style>

</style>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script> 


<script>
$(function(){

   //Hide all the sub menus
   $('.sub-menu').hide();

   $("li:has(ul)").click(function(){
      //Find the child ul and slideToggle
      $(this).children("ul").slideToggle();
   });
});

</script>
</head>
<body>
<ul>
    <li><a href="#">Item</a></li>
    <li><a href="#">Item</a>
        <ul class="sub-menu">
            <li><a href="#">Submenu</a></li>
            <li><a href="#">Submenu</a></li>
        </ul>
    </li>
    <li><a href="#">Item</a></li>
    <li><a href="#">Item</a>
        <ul class="sub-menu">
            <li><a href="#">Submenu</a></li>
            <li><a href="#">Submenu</a></li>
        </ul>
    </li>
    <li><a href="#">Item</a></li>
</ul>
</body>
</html>

那么，为什么会发生这种情况？

4

0 回答 0