Question

以下脚本正在使用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>

那么，为什么会这样呢？

Html页面无法在Mac上运行

0 个答案: