脚本在Bootstrap 4主题

Question

我在我的网站（使用Bootstrap 4开发）中添加了一个顶部脚本的滚动，但它不起作用。但是，这个脚本在使用Bootstrap 3开发的同一个网站上工作。我认为bootstrap版本出现了错误，但遗憾的是我无法找到问题。

<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');