Question

我正在尝试在网页上实现Jquery Javascript菜单。

Jquery代码：

 $(".navigation ul ul, .shoppingbasket ul ul").css({display: "none"});
$(".navigation ul li, .shoppingbasket ul li").click(function(){
    $(this).find('ul:first').slideToggle(400);
});

HTML：

<div class="navigation">
<ul>
    <li><h3>View Fruit List</h3>
        <ul>
            <li>Apple</li>
            <li>Lemon</li>
            <li>Banana</li>
            <li>Avocado</li>                
        </ul>
    </li>
    <li><h3>View Car List</h3>
        <ul>
            <li>Pinto</li>
            <li>Lemon</li>
            <li>Mercedes</li>
            <li>Nova</li>                
        </ul>
    </li>        
</ul>

The code works on JsFiddle，但不起作用on my site（您可以查看我的源代码，看看我做了什么）。我已经链接了jquery.js并将插件放在页面上。我需要链接任何其他文件 - 我错过了什么吗？我需要做些什么才能使此代码成功运行？

Answer 1

$(document).ready(function(){
  // your jQuery code
});

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

Jquery点击下拉菜单对我不起作用？

1 个答案: