JavaScript在单独的文件中不工作

JavaScript not working when is in separate file

本文关键字：工作 文件 单独 JavaScript      更新时间：2023-09-26

我有代码:

$(window).scroll(function () {
    var scroll = $(window).scrollTop();
    if (scroll >= 500) {
        $(".koncecki-web-design").addClass("konecki-scroll");
        $(".top-nav").addClass("show");
        $("#work").addClass("work-margin");
    } else {
        $(".koncecki-web-design").removeClass("konecki-scroll");
        $(".top-nav").removeClass("show");
        $("#work").removeClass("work-margin");
    }
    if (scroll >= 200) {
        $(".top-text").addClass("top-text-scroll");
    } else {
        $(".top-text").removeClass("top-text-scroll");
    }
});

我在我的索引文件中有这个但是我想在control.js

<script type="text/javascript" src="js/control.js"></script>

当我粘贴这段代码到control.js脚本不工作。

怎么了?

谢谢!聚酰氨纤维

请确保在control.js之前包含jQuery。所以

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/control.js"></script>
不是

<script type="text/javascript" src="js/control.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>

你需要:

  1. 检查如果你在jquery.js之前包含control.js，那么它将无法工作。
  2. DOM还没有准备好工作，所以移动你所有的代码到$(document).ready()
  3. 或者在结束body标签之前包含control.js，它会处理以上两点。
相关文章：