Question

我正在使用Roots / Sage构建一个Wordpress主题，并且我有一个小的自定义js文件，其中包含一些在页面中使用返回顶部按钮的功能。当运行gulp为dist构建资产时，我得到一个jshint错误（实际上是2），如下所示

  line 1  col 49  Missing semicolon.
  line 2  col 13  'scrollFunction' was used before it was defined.

我使用的文件如下。

 window.onscroll = function(){scrollFunction()};
   function scrollFunction(){
        if (document.body.scrollTop > 1000 || document.documentElement.scrollTop > 1000) {
            document.querySelector("#topBtn").style.display = "block";
        } else {
            document.querySelector("#topBtn").style.display = "none";
        }



    }
  function topFunction() {
        document.body.scrollTop = 0;
        document.documentElement.scrollTop = 0;

   }

它在测试html页面中工作正常，虽然我还没有在Wordpress中尝试过。搜索这个网站似乎提出了各种各样的答案，从禁用jshint错误到修复你的代码，所以我只是想知道什么是最好的方法。

此外，当为dist构建文件时，window.onscroll顶行将被删除，只留下2个函数。我也找不到第一行丢失的分号，这对我来说并不明显。

欢迎提示，谢谢

在定义之前使用的函数错误

0 个答案: