滚动到顶部脚本不起作用 - 引导程序 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顺利.js：2未捕获 类型错误：$ 不是函数 在平滑.js：2 (匿名( @ 平滑.js：2

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

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