2个jQuery插件争夺相同的#id

我有一个平滑滚动的jQuery代码，它与目标#id的引导转盘jQuery代码一起完成

这是平滑滚动代码：

$('[href^=#]').click(function (e) {
  e.preventDefault();
  var div = $(this).attr('href');
  $("html, body").animate({
    scrollTop: $(div).position().top
  }, "slow");
});

不幸的是，此代码与我的引导转盘jQuery代码在

#myCarousel

id上竞争。因此，每当我单击转盘左/右按钮时，平滑滚动jQuery将生效并平滑滚动我的网页，这是我不想要的

这是转盘部分的html：

<div id="myCarousel">

  <a href="#myCarousel" data-slide="prev">
    <img src="img/left.png"></a>
  <a href="#myCarousel" data-slide="next">
    <img src="img/right.png"></a>

如何将平滑滚动的效果与旋转木马隔离开来？

可以使用

not（）

$('[href^=#]').not('#myCarousel a').click....