Question

我有代码：

$(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脚本时不起作用。

可能出现什么问题？

谢谢！ SILON

Answer 1

确保在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>

Answer 2

你需要：

检查你是否在jquery.js之前包含control.js然后它将无法将你的jquery文件移到顶部。
DOM尚未准备就绪，因此请将所有代码移至$(document).ready()
或者在关闭body标签之前包含你的control.js，它将处理以上两点。

JavaScript在单独的文件中时不起作用

2 个答案: