Force нажмите на пустую ссылку, чтобы не переместить фокус страницы

Question

я получил пустую ссылку:

<a href="#" id="stop-point-btn">+ add stop-point</a> 

, связанный с функцией JS:

$("#stop-point-btn").bind("click", addStopPoint); 

, который просто добавляет некоторое содержимое в DIV :

function addStopPoint() { 
    $("#stop-point-content").append(stopPointHtml()) 
} 

После щелчка, если я прокручивается немного вниз, он перемещает меня обратно в верхней части страницы (конечно, из-за предоставленному # покупать право y id). Но как я могу сделать так, чтобы положение, где я нахожусь на странице, не изменяется (что означает положение прокрутки).

Answer 1

Использование preventDefault().

$("#stop-point-btn").bind("click", function(e) { 
     e.preventDefault(); 
     addStopPoint(); 
    }); 

И иметь в виду:

По JQuery 1.7, метод .on() является предпочтительным способом для прикрепления обработчиков событий к документу. Для более ранних версий метод .bind() используется для привязки обработчика событий непосредственно к элементам .

Answer 2

Передайте событие как аргумент вашей функции и добавьте это утверждение. event.preventDefault() внутри функции addstoppoint.

Answer 3

заменить значение href в javascript: void (0); и нажмите на ссылку не будет производить никаких эффектов

<a href="javascript:void(0);" id="stop-point-btn">+ add stop-point</a> 

Answer 4

Вам необходимо пройти href значение javascript:void(0); возвращающие undefined, поэтому браузер останется на той же странице и не прокручивать страницу.

<a href="javascript:void(0);" id="stop-point-btn">+ add stop-point</a>