Jak mogę utworzyć pustą kotwicę HTML, aby strona nie "podskoczyła" po jej kliknięciu?

Question

Pracuję nad JQuery, aby ukryć/pokazać niektóre treści po kliknięciu łącza. Mogę stworzyć coś takiego:

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

Ale jeśli kliknę, że link, a ja jestem przewijane w dół na stronie, będzie to skok z powrotem do górnej części strony.

Jeśli robię coś takiego:

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

Strona będzie przeładować, który pozbywa stronę wszystkich zmian, dokonanych JavaScript.

coś takiego:

<a onclick="jquery_stuff" /> 

da mi pożądany efekt, ale to już nie pokazuje się jako link. Czy jest jakiś sposób określenia pustej kotwicy, aby móc przypisać obsługę javascript do zdarzenia onclick, bez zmiany czegokolwiek na stronie lub przesuwania paska przewijania?

Answer 1

Wpisz "return false;" na drugiej opcji:

<a href="" onclick="jquery_stuff; return false;" /> 

Answer 2

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

Answer 3

Trzeba return false; po jquery_stuff:

<a href="no-javascript.html" onclick="jquery_stuff(); return false;" /> 

ten anuluje domyślne działanie.

Answer 4

<a href="javascript:;" onclick="jquery">link</a> 

href wymaga czegoś tam, jeśli chcesz to nie pojawiają się błędy w walidatorami HTML. javascript:; to dobry uchwyt na miejsce.

Jeśli naprawdę chcesz używać #:

<a href="#me" name="me" onclick="jquery">link</a> 

Bądź ostrożny z return false;, to zatrzymuje domyślnych zachowań cokolwiek robisz.

Również jeśli twój js jest jak przesyłanie, możesz napotkać problemy w eksploratorze internetowym.

Answer 5

można umieścić po prostu jak poniżej:

<a href="javascript:;" onclick="jquery_stuff"> 

Answer 6

Zwykle używam <span> i styl to wygladac linkiem kiedy trzeba dokonać czegoś takiego.

Answer 7

Zazwyczaj robię: Komentarz

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

Answer 8

Check eyelidlessness' (użyj przycisku, a nie anchor). Właśnie chciałem opublikować tę samą radę. Zakotwiczenie, które nie łączy się z zasobem i wykonuje tylko skrypt, powinno być zaimplementowane jako przycisk.

Zatrzymaj oddanie obsługi zdarzeń w HTML, i przestać używać znaczników zakotwiczenia które nie służą celom zakotwiczyć semantyczne. Użyj przycisku i dodaj obsługę obsługi kliknięć w swoim kodzie JavaScript.Przykład: HTML <button id="jquery_stuff">Label</button> i JavaScript $('#jquery_stuff').click(jquery_stuff);. Możesz użyć CSS do stylu przycisku , aby wyglądał jak link, usuwając wypełnienie, brzegi, margines i kolor tła, a następnie dodając style linków (np. Kolor i tekst dekoracji). - eyelidlessness 19 października '10 na 17:40

Answer 9

Jak o tym:

<a href="#nogo" onclick="foo();">some text</a> 

Answer 10

jQuery posiada funkcję wbudowaną do tego o nazwie preventDefault które można znaleźć tutaj: http://api.jquery.com/event.preventDefault/

Oto ich przykład:

<script> 
$("a").click(function(event) { 
    event.preventDefault(); 
}); 
</script> 

Można również zbudować li nk tak:

<a href="javascript:void(0)" onclick="myJsFunc();">Link</a> 

Answer 11

<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 był Douchy nieco na drodze, ale on powiedział, że miał rację. To najczystszy sposób na zrobienie tego. Dlaczego warto korzystać z jQuery, jeśli wrócisz do Javascriptu wanilii w poszukiwaniu rzeczy, które jQuery robi łatwiej i czystsze?