Los controles del carrusel izquierdo y derecho no funcionan cuando se utiliza el desplazamiento suave para las tags de anclaje

Estoy utilizando el siguiente script para un efecto de desplazamiento suave para las tags de anclaje:

$(function() { $('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; } } }); }); 

Después de usar este script, los controles Izquierda y Derecha para Bootstrap Carousel dejaron de funcionar.

   Previous    Next  

¿Cómo puedo solucionar esto?

Luego solo tiene que editar su código para un desplazamiento suave como este, dependiendo de si tiene el header-menu ID o el header-menu header-menu clase

Cambio

 $('a[href*=#]:not([href=#])').click(function() { 

a (si usa el encabezado ID-menú)

 $('#header-menu a[href*=#]:not([href=#])').click(function() { 

o (si usa el encabezado-menú de la clase):

 $('.header-menu a[href*=#]:not([href=#])').click(function() { 

De esta manera, solo enfocará el efecto de desplazamiento suave en los elementos del menú href, y el script no “chocará” con usted bootstrap hrefs.