javascript - 滚动到顶部脚本不起作用 - Bootstrap 4

Question

我有以下问题:我向我的网站添加了一个滚动到顶部脚本(使用 Twitter Bootstrap 4v 开发)，但它不起作用。然而这个脚本在使用 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

这是我用Bootstrap 4框架构建的Wordpress主题。在我的例子中，jQuery通过functions.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');

Answer 1

这也可能是 JS 冲突。

尝试在代码中将 $ 替换为 jQuery。

如果它不起作用，请添加演示链接，以便我查看。