Question

我正在将一个Bootstrap模板转换为一个WordPress主题（我的第一个），我正在努力成功调用我的所有脚本，这在WordPress之前运行良好。

对于位于header.php中的脚本，我收到以下错误：

Uncaught ReferenceError: $ is not defined

脚本：

<script>
    $(window).on('beforeunload', function() {
        $(window).scrollTop(0);
    });
</script>

我尝试使用jQuery代替$，这有助于修复其他一些脚本，但后来它告诉我jQuery没有定义。

我也试图调用webshim polyfill，但是它说它没有定义：

Uncaught ReferenceError: webshim is not defined

脚本：

<script>
    webshim.setOptions('forms', {
        replaceValidationUI: true,
        lazyCustomMessages: true
    });

    //start polyfilling
    webshim.polyfill('forms');
</script>

此脚本也在header.php中。我唯一能想到的是WordPress在我的脚本之后加载jQuery，但我试图避免手动调用它。我应该将这些脚本移到footer.php吗？

最后，我通过@import引用了两个Google网络字体，但都没有加载。我找不到使用@ font-face的字体网址，所以我不确定WordPress的最佳方法是什么。

我的所有主要JS文件都在functions.php中调用，除了这些初始化脚本。如果我需要提供更多详细信息，请与我们联系。

任何帮助将不胜感激！

Answer 1

你可以试试这个：

(function($) {
  $(window).on('beforeunload', function() {
     $(window).scrollTop(0);
  });
}(jQuery));

在自定义WordPress主题

1 个答案: