Come evitare di saltare su un ancoraggio fare clic?

Question

Io uso e.preventDefault(); per disabilitare il comportamento di ancoraggio predefinito.

C'è un modo per impedire solo un'azione di salto a un target al clic?

ho provato:

var hash = window.location.hash; 
    var link = $('a'); 
    $('a').click(function() { 
    e.preventDefault(); 
    hash = "#"+link.attr("href"); 
    }); 

Ma non funziona: http://jsfiddle.net/ynts/LgcmB/.

Answer 1

$(document).ready(function() { 
    var hash = window.location.hash; 
    var link = $('a'); 
    $('a').click(function(e) { 
    e.preventDefault(); 
    hash = link.attr("href"); 
    window.location = hash; 
    }); 
}); 

È inoltre necessario specificare l'argomento evento nella funzione. Denominandolo come e o event e quindi è possibile modificarlo.

Answer 2

È necessario passare l'evento sulla funzione.

  var hash = window.location.hash; 
     var link = $('a'); 
     //pass event here 
     $('a').click(function(e) { 
      e.preventDefault(); 
      hash = "#"+link.attr("href"); 
     }); 

Answer 3

Si dovrebbe associare un evento onclick per ancorare e specificare return false; di conseguenza. L'istruzione return false; causa un comportamento di clic predefinito (jump) non funzionante. Potete trovare maggiori informazioni qui: How to disable anchor "jump" when loading a page?

Answer 4

Per solo evitare che il "salto" è necessario utilizzare diversi ID per l'elemento di destinazione rispetto a quanto specificato nel ancoraggio.

ad es. per un collegamento ad un nuovo uso scheda,

<a href="#new" /> 

e per l'elemento di destinazione mascherare l'id

<div id="new-tab"></div> 

Poi nello script appendere l'maschera al reale hash, e usarlo per ottenere l'elemento .

$(window).on("hashchange", function(){ 
    var hash = this.location.hash; 
    var mytab = $(hash + "-tab"); 
}); 

Questa conserva cambia la posizione di hash nella cronologia del browser che possono essere controllati dai/pulsanti Avanti e Indietro, e rilevati al caricamento della pagina con l'evento hashchange se l'utente entra nella pagina con le hash specificato.

Answer 5

Questa è l'unica soluzione che potrei trovare che funzioni in modo coerente su tutti i browser desktop e mobili con varie librerie e framework UI client. Ottenendo le coordinate della finestra prima dello scorrimento, possiamo ripristinare e mantenere la posizione di scorrimento corrente.

$('a').click(function (e) { 
    var x = window.pageXOffset, 
     y = window.pageYOffset; 
    $(window).one('scroll', function() { 
     window.scrollTo(x, y); 
    }) 
});