jQuery下拉菜单不适用于悬停 [英] jquery drop down menu not working with hover

问题描述

我的jQuery的Slidedown功能不起作用，这是jquery代码

My slidedown function of jQuery is not working this is the jquery code

<script src="jQuery/jquery-1.12.4.js" type="text/javascript">
            $(document).ready(function(){
             $("ul.drop > li").hover(function(){
                $(this).find("ul.up").Toggle(550);
             })
            });
        </script>

还有html:

    <div id ="navMenu">
        <ul class="drop">
            <li><a href = "#">Home</a></li>
            <li><a href = "#">Types</a></li>
            <li><a href = "#">Facts</a>
                <ul class="up">
                    <li><a href = "#">T1</a></li>
                    <li><a href = "#">T2</a></li>
                    <li><a href = "#">T3</a></li>
                    <li><a href = "#">T4</a></li>
                    <li><a href = "#">T5</a></li>
                    <li><a href = "#">T6</a></li>
                </ul>
            </li>
    <li><a href = "#">Contact</a></li>
    </ul>
    </div>

推荐答案

使用一个脚本标记加载jquery，然后使用另一个脚本标记加载内联JS.

Use one script tag to load jquery, then another to inline JS.

<script src="jQuery/jquery-1.12.4.js"></script>

<script>
  $(document).ready(function(){
    $("ul.drop > li").hover(function(){
      $(this).find("ul.up").toggle(550);
    })
  });
</script>

此外，正如@anu所指出的，其.toggle()带有小写的"t".

Also, as @anu pointed out, its .toggle() with lowercase "t".

这篇关于jQuery下拉菜单不适用于悬停的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！