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"); 
}); 

此代碼不幸的是我的引導旋轉木馬的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> 

我如何可以隔離從傳送帶上平滑滾動的效果？

Answer 1

可以使用not()

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