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

Question

我有以下问题： 我向我的网站（使用Twitter Bootstrap 4v开发）中的顶部脚本添加了滚动条，但是它不起作用。但是，该脚本可以在使用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：已安装迁移版本1.4.1 smooth.js：2未捕获   TypeError：$不是函数       在smooth.js：2（匿名）@ 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。

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