href = "#" Vai all'inizio della pagina - Prevenire?

Question

Ho una pagina con alcune funzioni jQuery. L'HTML nella pagina è simile al seguente:

<a href="#" class="service">Open</a> 

Quando faccio clic sul pulsante Apri, un pannello nascosto scorre. Lo stesso jQuery funziona benissimo, tuttavia quando clicco sul pulsante mi porta anche in cima alla pagina.

È questo il comportamento difettoso e come si impedisce a ogni href="#" di portarmi in cima alla pagina.

Nota: potrei aggiungere id e dire a href di indirizzare a quell'ID. Non voglio farlo per vari motivi (incluso l'aggiunta di codice non necessario).

Answer 1

Nel vostro gestore di eventi, aggiungere e.preventDefault(); (supponendo e è il nome della variabile svolgimento della gara):

$('.service').click(function(e) { 
    e.preventDefault(); 
}); 

Answer 2

<a href="#" onclick="return false;" class="service">Open</a> 

O

$(document).ready(function() 
{ 
    var a = $(".service"); 
    a.click(function() 
    { 

     return false; 

    }); 
}); 

O

$(document).ready(function() 
{ 
    var a = $(".service"); 
    a.click(function(e) 
    { 

     e.preventDefault(); 

    }); 
}); 

O

<a href="#" onclick="event.preventDefault();" class="service">Open</a> 

Answer 3

$('service').click(function() { 
<your code> 
return false; 
}); 

return false ignora il comportamento standard della ‘un’ tag e ferma il browser di tornare alla parte superiore della pagina quando si fa clic.

Answer 4

<a href="#!" class="service">Open</a>