JS 可以处理包含文件吗？

Question

我正在使用包含文件将导航栏添加到我的所有页面。在 inc 文件中，我有我的 JS css 和 html 表，除了应该显示隐藏子链接的 js 函数外，一切正常。自从我编写了 js 代码以来，它就一直存在，所以我遵循了一个教程，但我无法弄清楚为什么这不起作用。这是我的代码::

<script type="text/javascript" src="../js/jquery-1.12.3.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('li').hover(function () {
            $(this).find('ul>li').stop().fadeToggle(200);
        });
    });
</script>


<style type="text/css">

#nav{
    background-color: #282828;
    height: 20px;
    width: 100%;
    float: left;

}

ul{
    margin: auto;
    padding: 0;
    list-style: none;
    display: table;
}

ul li {
    float: left;
    height: 20px;
    line-height: 20px;
    text-align: center;


}

ul li a{
    text-decoration: none;
    color: darkgray;
    padding: 0 10px;

}

ul li li{
    background-color: #282828;
    display: none;
}

ul li ul li{
    width: 100%;

}


ul li:hover{
    background-color: red;
}

</style>


<div id="nav" class="click-nav">

    <ul class="ul">
        <li><a href="#">Home</a></li>
        <li><a href="#">Command Center</a></li>
        <li><a href="#">Stats</a></li>
        <li><a href="#">Community</a>
            <ul>
                <li><a href="#">Wiki</a></li> <br>
                <li><a href="#">Forum</a></li> <br>
                <li><a href="#">Facebook</a></li> <br>
            </ul>
            </li>
        <li><a href="#">Updates</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Support</a></li>
    </ul>

</div>

Answer 1

对我的 jquery 文件的引用无效。谢谢

Answer 2

我刚刚使用 jQuery 12.2 和 11.1 进行了尝试，这似乎可行： https://jsfiddle.net/2cq1badz/

 $('li').hover(function () {
    console.log($(this).find('ul>li'));
    $(this).find('ul>li').stop().fadeToggle(200);
});

我还检查了您是否正确选择了下拉项目，所以这似乎不是问题。