Почему при клике на ссылку выбрасывает на верх экрана?

Question

[Semmy_99]

Code

Answer 1

[Павел]

Потому что href="#" ведет в начало документа. Сделайте href="javascript:void(0)"

Answer 2

[Дима Паутов]

Вы хоть знаете, что делает этот код без js?
<a href="#" class="remove">Убрать</a>

Из за того, что в ссылке стоит решётка, поэтому кидает вверх. У вас в адресной строке хеш появляется. Что бы не кидало вверх, есть 3 варианта:

1. Убрать атрибут href="#" у ссылки
   
2. Использовать обычную кнопку, что лучше всего. Для этого они и были придуманы
   
3. Через js убрать действие по умолчанию.

   $('a.remove').click(function(event){
   event.preventDefault();
     $('form').addClass('remove');
   });

   
   

Comments

[максим кот]

Спасибо, дружище))

Answer 3

[lega]

$('a.remove').click(function(e){
  e.preventDefault();
  $('form').addClass('remove');
});

Answer 4

[Timon1980]

Все что изложено сверху, для меня не подошло. Я сделал проще, якорную ссылку и все href="#player"
и так можно вернуть к любому месту, хоть к блоку с рекламой например.