Как избавиться от скролла при обновлении css?

Question

[Алексей Ярков]

Динамически меняю ссылку на css-файл (тема для подсветки кода) с помощью JS

<link id="codeThemesLink" href="js/rainbow/themes/pastie.css" rel="stylesheet" type="text/css" media="screen">

$("#themeChanger>li>a").on('click', function(){ 
		var themeName = $(this).text();
		$("#codeThemesLink").attr("href", "js/rainbow/themes/" + themeName + ".css");
		$("#themeChanger").parent().first().find('a:first').html(themeName  +  ' <span class="caret"></span>');
	});

И страница при этом скроллится к началу. Как избавиться от прокрутки?

Answer 1

[Андрей]

$("#themeChanger>li>a").on('click', function(){ 
    var themeName = $(this).text();
    $("#codeThemesLink").attr("href", "js/rainbow/themes/" + themeName + ".css");
    $("#themeChanger").parent().first().find('a:first').html(themeName  +  ' <span class="caret"></span>');
    return false; // <---- вот так
  });

Answer 2

[IceJOKER]

$("#themeChanger>li>a").on('click', function(e){ 
    e.preventDefault();
    var themeName = $(this).text();
    $("#codeThemesLink").attr("href", "js/rainbow/themes/" + themeName + ".css");
    $("#themeChanger").parent().first().find('a:first').html(themeName  +  ' <span class="caret"></span>');
  });