click.funcion和bootstraps之间的冲突＆＃39;旋转木马按钮

Question

我想使用bootsraps轮播和jquery平滑滚动。

以下是我如何进行平滑滚动：

 $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
        || location.hostname == this.hostname) {
    var target = $(this.hash);
    target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
       if (target.length) {
         $('html,body').animate({
             scrollTop: target.offset().top
        }, 2000);
        return false;
    }
}
});

我认为此代码会阻止轮播按钮的功能。如何以不影响轮播按钮的方式修改它。

请注意，我是网络开发的初学者。

感谢。

Answer 1

如果我正确理解了这个问题，我认为你可以做以下两件事之一：

1. Namespace平滑滚动点击事件以避免与之冲突 旋转木马。

   E.g。 $('a').on('click.scroll', function() {…})

2. 删除return false;
，在平滑滚动功能中允许event propagation

希望有所帮助！