javascript - 脚本在 Bootstrap 4 主题中不起作用

Question

我在我的网站（使用 Bootstrap 4 开发）中添加了一个滚动到顶部脚本，但它不起作用。然而，这个脚本在使用 Bootstrap 3 开发的同一个网站上工作。我认为引导版本发生了错误，但不幸的是我找不到问题。

<div class="toTop">
    <a href="#"><i class="icon-arrow-up icons"></i></a>
</div>

$('.toTop').on('click', function(event) {
    event.preventDefault();
    $('html, body').animate({
        scrollTop: 0
    }, 'slow');
});

控制台日志：

JQMIGRATE: Migrate is installed, version 1.4.1
smooth.js:2 Uncaught TypeError: $ is not a function
    at smooth.js:2
(anonymous) @ smooth.js:2

这是一个带有主题的 Wordpress 网站，使用 Bootstrap 4 开发。

jQuery 通过以下方式从 finctions.php 加载：

// include custom jQuery
function shapeSpace_include_custom_jquery() {
    wp_deregister_script('jquery');
    wp_enqueue_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js', array(), null, true);
}
add_action('wp_enqueue_scripts', 'shapeSpace_include_custom_jquery');

标签： javascriptjquerytwitter-bootstrapbootstrap-4