Javascript TwitterBootstrap3中的JS冲突

因此，我对我正在使用的一点JS有一个问题，我想知道是否有其他人遇到过这个问题，或者可以建议解决这个问题

因此，我的脚本是动画我的锚链接，使他们左右滑动很好，但它是与引导3旋转木马的控制相冲突

$(document).ready(function() {
      $('a[href^="#"]').click(function() {
          var target = $(this.hash);
          if (target.length == 0) target = $('a[name="' + this.hash.substr(1) + '"]');
          if (target.length == 0) target = $('html');
          $('html, body').animate({ scrollTop: target.offset().top }, 500);
          return false;
      });
  });

旋转木马上的控件使用旋转木马名称的id，因此使用#所以它当然向下导航到旋转木马，而不是实际切换其中的内容

<a class="carousel-control left" href="#myCarousel" data-slide="prev">
    <span class="icon-prev"></span>
</a>

<a class="carousel-control right" href="#myCarousel" data-slide="next">
    <span class="icon-next"></span>
</a> 

---

任何建议都将不胜感激。

使用任何其他属性来定位滑块的方向，如data target=“#myCarousel”

并制作link href=“javascript:；”

旋转木马js脚本：

这些行应该给出一个大概的概念

<a class="carousel-control left" href="javascript:;" data-target="#myCarousel" data-slide="prev">
    <span class="icon-prev"></span>
</a>