EVO + Bootstrap + base href

Пришлось потратить время, чтобы разобраться и подружить Evo и Bootstrap. Поэтому, решил создать коротенький топик-подсказку для начинающих. Ну и таких, как я, которые в танке.
Все дело в теге
<base href="[(site_url)]">

который, как известно, ломает якорные ссылки. Решается это в большинстве случаев следующим образом:
<a href="[~[*id*]~]#block" <a name="cut"></a> >

Но такой якорь невалидный и элементы Bootstrap, например, Scrollspy работают некорректно. Конечно, можно убрать тег base, но это создаст другие неудобства.
Пришлось возложить переход по якорям на jQuery.
Вот рабочий код:
$("body").on('click', '[href*="#"]', function(e){
  var fixed_offset = 0;
  $('html,body').stop().animate({ scrollTop: $(this.hash).offset().top - fixed_offset }, 800);
  e.preventDefault();
});


Всем добра!

1 комментарий

avatar
Еще один маленький скрипт для Bootstrap, кину здесь, чтобы топики не плодить.
Выпадающее меню dropdown-menu при наведении:
jQuery('ul.nav > li').hover(
	function() { jQuery(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn();}, 
	function() { jQuery(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(); }
)
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.