Запрет Перейти к началу страницы При нажатии ссылки

Я застрял в том, как предотвратить прыжок в верхнюю часть страницы при нажатии на ссылку, которая анализирует данные PHP.Запрет Перейти к началу страницы При нажатии ссылки

Я пробовал так много примеров AJAX в Интернете, но, к сожалению, без успеха.

Ссылка выглядит следующим образом:

<a class="bottle" href="index.php?step=<?php echo$step; ?>&bottle=b0"><img class="bottle" src="images/b0.jpg" /></a>

... там быть 113 из этих ссылок, каждая из находящихся на index.php ?, но прыгать в верхней части страницы при нажатии.

Предварительный просмотр программы является: http://www.mtschools.net/aurasoma

источник

2014-09-04 Anonymous

Он не «прыгает» в начало страницы, он перезагружает страницу каждый раз. Вам нужно подумать и восстановить свой код таким образом, чтобы он собирал всю необходимую информацию, прежде чем перезагружать страницу. Возможно, JavaScript - это то, что вы хотите использовать. –

Включите событие ONCLICK на изображение и сделайте AJAX CALL! – kimbarcelona

onclick = "return false;" это помощь – feesar

Вам просто нужно использовать метод preventDefault(); в JavaScript, чтобы остановить браузер из следующих через с анкерными ссылками HREF местоположения.

<script type="text/javascript"> 
    var links = document.querySelectorAll('.bottle'); 
    for(var i = 0; i < links; i++){ 
     links[i].addEventListener('click', function(e){ 
      e.preventDefault(); 
      //alternatively return false; 

      //the rest of the ajax code here. 
     }); 
    } 
</script>

Независимо Аякса вызов вам нужно сделать может быть сделано после того, как //the rest of the ajax code here.

источник

2014-09-04 23:54:58 Ohgodwhy

Пользователь имеет ссылку без HREF, а затем устанавливает курсор CSS как указатель с помощью jQuery или CSS.

Это сделать интерактивную ссылку. Не все решение вашей проблемы.

Но у вас также может быть якорь с именем, поэтому, когда вы нажимаете, вы перейдете на якорь и, возможно, остаетесь на якоре вместо верхней части страницы?

<script> 
    $().ready(function() { 
     ('#link').css('cursor', 'pointer'); 
    }); 
</script> 

<a id="link">Some Text</a>

источник

2014-09-05 00:08:48 HelpNeeder

Запрет Перейти к началу страницы При нажатии ссылки

ответ

Смежные вопросы