Фокус на div потерян после вызова AJAX

Question

Я, кажется, сталкиваюсь со странной проблемой здесь (по крайней мере, так кажется).

У меня есть DIV, в котором есть несколько ссылок (якорей). При щелчке по ссылке выполняется вызов AJAX (с использованием jQuery), а сервер (контроллер) отправляет ответ HTML (фактически, JSP через Spring MVC).

Теперь, этот DIV может быть достигнут, прокручивая страницу вниз. Однако, когда я нажимаю на ссылку в DIV, я перемещаюсь в верхнюю часть страницы (вызов AJAX выполняет свою работу в фоновом режиме), в то время как я ожидаю (ХОЧУ) остаться там, где я был на странице (т. Е. На это DIV).

Как мне это контролировать?

Answer 1

Убедитесь, что href в ваших ссылках вызывает void (0) и использует атрибут onClick для вашей функции AJAX.

<a href="javascript:void(0);" onClick="myFunction();">click me</a>

Отсутствие значения для атрибута HREF приводит к прокрутке страницы вверх. Якоря не обязательно ссылаются на другие страницы, они могут ссылаться на области внутри страницы, поэтому, если HREF не заполнен, он просто переходит наверх.