Как я могу создать пустой HTML-якорь, чтобы страница не" подпрыгивала", когда я ее нажимаю?

Question

Как я могу создать пустой HTML-якорь, чтобы страница не" подпрыгивала", когда я ее нажимаю?

Я работаю над некоторыми JQuery, чтобы скрыть / показать некоторый контент, когда я нажимаю ссылку. Я могу создать что-то вроде:

<a href="#" onclick="jquery_stuff" />

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

если я делаю что-то вроде:

<a href="" onclick="jquery_stuff" />

страница будет перезагружена, что избавляет страницу от всех изменений, внесенных javascript.

что-то вроде этого:

<a onclick="jquery_stuff" />

даст мне нужные эффект, но он больше не отображается как ссылка. Есть ли способ указать пустой якорь, чтобы я мог назначить обработчик javascript для onclick событие, не меняя ничего на странице или перемещая полосу прокрутки?

514 11

jQuery javascript anchor

11 ответов:

Comments

Ничего не найдено.

Otávio Décio · Accepted Answer · 2009-01-29 22:09:50

поставьте "return false;" на второй вариант:
<a href="" onclick="jquery_stuff; return false;" />

Greg · Accepted Answer · 2009-01-29 22:09:52

вам нужно return false; после jquery_stuff:
<a href="no-javascript.html" onclick="jquery_stuff(); return false;" />
это отменит действие по умолчанию.

Shiva Srikanth Thummidi · Accepted Answer · 2010-11-13 06:40:22

вы можете поставить просто, как показано ниже:
<a href="javascript:;" onclick="jquery_stuff">

nates · Accepted Answer · 2013-01-21 22:03:59

jQuery имеет встроенную для этого функцию под названием preventDefault который можно найти здесь: http://api.jquery.com/event.preventDefault/

вот их пример:
<script>
$("a").click(function(event) {
    event.preventDefault();
});
</script>
вы также можете создать ссылку типа:
<a href="javascript:void(0)" onclick="myJsFunc();">Link</a>

Chris · Accepted Answer · 2012-12-06 10:56:36

Проверьте комментарий eyelidlessness (используйте кнопку, а не якорь). Как раз собирался опубликовать тот же совет. Якорь, который не связывается с ресурсом и просто выполняет сценарий, должен быть реализован как кнопка.

прекратите помещать обработчики событий в HTML и прекратите использовать теги привязки это не служит якорным семантическим целям. Используйте кнопку и добавьте щелкните обработчик в своем Javascript. Пример: HTML -<button id="jquery_stuff">Label</button> и JavaScript $('#jquery_stuff').click(jquery_stuff);. Вы можете использовать CSS для стиля этот кнопка, чтобы выглядеть как ссылка, путем удаления отступов, границ, полей и цвет фона, а затем добавление стилей ссылок (например. цвет и оформление текста.) - без век 19 '10 октября в 17:40

Dean · Accepted Answer · 2010-11-13 06:39:29

<a href="javascript:;" onclick="jquery">link</a>
href требуется что-то там, если вы хотите, чтобы он не всплывал ошибки в валидаторах для html. Элемент javascript:; - Это хорошее место.

если вы действительно хотите использовать #:
<a href="#me" name="me" onclick="jquery">link</a>
будьте осторожны с return false;, Он останавливает поведение по умолчанию того, что вы делаете.

кроме того, если ваш js похож на отправку, вы можете столкнуться с проблемами в internet explorer.

Diodeus - James MacFarlane · Accepted Answer · 2009-01-29 22:09:50

<a href="javascript:// some helpful comment " onclick="jquery_stuff" />

Matthew · Accepted Answer · 2009-02-01 07:18:57

Я обычно использую <span> и стиль его, чтобы выглядеть как ссылка, когда мне нужно выполнить что-то вроде этого.

Luke Watts · Accepted Answer · 2013-09-09 16:28:32

  <a href="#" class="falseLinks">Link1</a>
  <a href="#" class="falseLinks">Link2</a>
etc..

JQUERY:
  $(function() {
    $("a.falseLinks").click(function() {
      // ...other stuff you want to do when links is clicked

      // This is the same as putting onclick="return false;" in HTML
     return false;
    })
  });
@eyelidlessness было немного душно в том, как он это сказал, но он был прав. Это самый чистый способ сделать это. Зачем использовать jQuery, если вы собираетесь вернуться к ванильному Javascript для вещей, которые jQuery делает проще и чище?

Sarun · Accepted Answer · 2010-10-19 20:36:14

обычно я делаю:

<a style="cursor:pointer;" onclick="whatever();">Whatever</a>

Mori · Accepted Answer · 2011-12-24 17:51:22

Как насчет этого:
<a href="#nogo" onclick="foo();">some text</a>