滚动到顶部脚本不起作用 - 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：已安装 Migrate，版本 1.4.1 smooth.js:2 Uncaught 类型错误：$ 不是函数 在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。

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