2013-11-18 3 views
0

Я использую следующий код js для плавной прокрутки на странице. Проблема в том, что я не могу использовать навигацию mycarousel после использования JS. Есть ли в любом случае, чтобы исправить мои следующие js, так что это не влияет на мою карусель для навигации. Эта проблема происходит из-за # (href = "# myCarousel") на карусельной навигации. Таким образом, в этом случае, как решить проблему.Smooth Scrolling Issue

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

MY Carousel Навигация:

<a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> 
     <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a> 
+2

, может быть только: '$ ('а [HREF * = #]: not ([href = #]): not (.carousel-control) ') ' –

+0

@ A.Wowff ваш mabe правильный, он просто решил мою проблему. Спасибо alot mate .... – user2304394

+0

добро пожаловать! –

ответ

0

Заменить этот

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

с:

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

Счастливый кодирования!

0

Это сработало для меня. Я заменил

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

с

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

где # карусельного пример унифицированными может быть именем карусели, что элементы управления, указывающее на

Смежные вопросы