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

Question

我有平滑滚动 jQuery 代码，该代码与我的引导轮播 jQuery 代码一起完成，用于目标 #id。

这是平滑滚动代码：

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

不幸的是，这段代码在#myCarousel id 上与我的引导轮播jQuery 代码竞争。因此，每当我单击轮播左/右按钮时，平滑滚动 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>

如何将平滑滚动的效果与轮播分离？

Answer 1

可以使用not()

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