jquery - 同じ #id で競合する 2 つの jQuery プラグイン

Question

ターゲット #id のブートストラップ カルーセル jQuery コードで完了するスムーズ スクロールjQueryコードがあります。

これはスムーズ スクロール コードです。

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

残念ながら、このコードは、 idを介して私のブートストラップ カルーセルjQueryコードと競合します。#myCarouselしたがって、カルーセルの左/右ボタンをクリックするたびに、スムーズスクロールjQueryが有効になり、Webページがスムーズにスクロールされますが、これは望ましくありません。

これは、カルーセル パーツの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....