Плавная прокрутка, мешающая загрузке карусели

Question

Я работаю над проектом и нуждаюсь в плавной прокрутке с панели навигации. Это код плавной прокрутки:

 $(function() {
  // Smooth Scrolling
  **$('a[href*="#"]:not([href="#"])')**.click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html, body').animate({
          scrollTop: target.offset().top
        }, 1000);
        return false;
      }
    }
  });
});

Но я также использую загрузочную карусель на своем веб-сайте, которая имеет правый и левый элементы управления и имеет href что-то вроде ниже, которое изменяет изображение в карусели:

<a class="left carousel-control" **href="#myCarousel**" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right"></span>
      <span class="sr-only">Next</span>
    </a>

Теперь, когда я не могу прекратить использовать эффект плавной прокрутки только из-за проблемы с href, например, когда я нажимаю на левый или правый элемент управления в карусели, вся страница имеет тенденцию падать из-за функции href при плавной прокрутке и изображение в карусели не меняется на следующее. Что может быть возможным решением для этого?

Answer 1

Просто добавьте еще один аргумент в строку ниже, например:

$('a[href*="#"]:not([href="#"]):not([href="#myCarousel"])').click(function() {
    //your function
}