JS 可以处理包含文件吗？

Posted 2023-05-08

【中文标题】JS 可以处理包含文件吗？

【英文标题】：Does JS work with include files?

【发布时间】：2016-09-02 06:36:08

【问题描述】：

我正在使用包含文件将导航栏添加到我的所有页面。在 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>

【问题讨论】：

jQuery function .on works in 1.8.3 but not in 1.9.1 的可能重复 .hover() 是/曾经是 .on( 'hover' ) 的简写

@Juhana - 不，.hover() method 仍受支持。它只是将 string 'hover' 传递给 .on() 不再起作用。所以这不是重复的。

您的浏览器开发控制台是否有任何错误？您的代码（在编辑以删除 document 周围的引号后）在这里可以正常工作：jsfiddle.net/3o64uhuh

谢谢，您的评论有帮助。它最终成为对 jquery 文件的错误引用。我曾经是从根目录而不是返回一个文件夹。谢谢！

【参考方案1】：

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

【参考方案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);
);

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

【讨论】：

所以你的回答是“这不是问题”？除了显然它是 OP的问题......

我认为这可能是与刷新浏览器有关的问题，或者与代码本身无关的问题。