Jquery - Show/Hide - всегда идет вверх страницы по щелчку

Question

Я с помощью функции JQuery показать/скрыть в форме (сгенерированный с PHP)

В этой форме есть 10 скрытых элементов, и каждый раз, пользователь нажимает ссылку «добавить еще», он отображает следующий скрытый элемент, а мой нижний колонтитул с ним падает. Все идет нормально.

Теперь проблема заключается в том, что после отображения 2 или 3 скрытых элементов, страница становится больше, и появляется правая панель прокрутки навигации из firefox, что хорошо, но тогда, когда я нажимаю на следующую ссылку «добавить еще», навигационная полоса прокрутки возвращается к верхней части страницы, пока отображается скрытый элемент. Каждая ссылка, которая добавляет новый скрытый элемент, переводит страницу вверх, и я не хочу этого поведения ...

Кто-нибудь знает, как это исправить?

Answer 1

насчет добавления возврата ЛЖИ в конце события щелчка

Answer 2

Является ли «добавить еще» фактический элемент a с обработчиком кликов, который добавляет новый контент?

Если это так, вы, возможно, захотите event.preventDefault(). Попробуйте что-то вроде этого:

$('.myClickedLink').click(function(event) { 

    event.preventDefault(); 
    // Run my code 

}) 

Это предотвращает поведение по умолчанию для ссылки. Я предполагаю, что это то, что заставляет вашу страницу возвращаться к вершине каждый раз.

EDIT: Сначала в моем коде я ошибочно набрал stopPropagation() вместо preventDefault(). Это было правильно в тексте выше. Сожалею.