0

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

这是平滑滚动代码：

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

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

如何将平滑滚动的效果与轮播隔离开来？

4

1 回答 1

2

可以使用not() 

$('[href^=#]').not('#myCarousel a').click....
于 2013-01-15T12:27:34.533 回答