przełączanie jquery: kliknięcie łącza przeskakuje z powrotem na górę strony

Question

Utworzono przełącznik jQuery, ale po kliknięciu linku, aby otworzyć element div, zostanie on przeskoczony na górę strony. jak mogę to naprawić?

Wiem, że mogłem zastąpić link czymś innym, ale muszę wyjaśnić użytkownikom, że jest to link i czy mogą go kliknąć.

Answer 1

Dodaj return false; na końcu kodu uruchamianego po kliknięciu łącza.

$('a.myLink').toggle(function() { 
    // run my code 
    return false; 
}); 

Alternatywnie, można chwycić przedmiot event i wywołać .preventDefault().

$('a.myLink').toggle(function(event) { 
    event.preventDefault(); 
    // run my code 
}); 

Obie te metody wyłączają domyślne zachowanie linku.

Pierwsza z nich zapobiega także bulgotaniu, więc używaj go tylko wtedy, gdy nie ma potrzeby korzystania z bąbelkowania zdarzeń.

Answer 2

To dlatego, że nie jest to domyślne działanie wiąże się z elementów, takich jak linki, pola wyboru, przyciski radiowe itp Można odwołać go tak:

$('a.mylink').click(function(ev) { // Pass in the event object to your function 
    // do stuff 
    ev.preventDefault(); 
    return false; 
}); 

Więcej informacji tutaj: http://api.jquery.com/event.preventDefault/

W rzadkich przypadkach o dołączeniu obsługi zdarzeń do potomka łącza, będziesz również chciał użyć event.stopPropagation(), aby zatrzymać wydarzenie bulgotania w DOM.