Empêche le défilement de la page après un clic?

Question

Après avoir cliqué sur le lien, Click Me, la page défile vers le haut. Je ne veux pas ça. Comment peut-il le réparer?

Exemple:http://jsfiddle.net/Y6Y3Z/

barre de défilement:

function myalert() { 
     var result = true; 
     //var hide = $('.alert').fadeOut(100); 
     //var css = $('#appriseOverlay').css('display','none'); 
     var $alertDiv = $('<div class="alert">Are you sure you want to delete this item?<div class="clear"></div><button class="ok">no</button><button class="cancel">yes</button></div>'); 
     var link = this; 
     $('body').append($alertDiv); 
     $('.ok').click(function() { 
      $('.alert').fadeOut(100); 
      $('#appriseOverlay').css('display', 'none'); 
      callback(true, link); 
     }); 
     $('.cancel').click(function() { 
      $('.alert').fadeOut(100); 
      $('#appriseOverlay').css('display', 'none'); 
      callback(false, link); 
     }); 
     $alertDiv.fadeIn(100); 
     $('#appriseOverlay').css('display', 'block'); 
     return result; 
    }; 
$('.click').click(myalert); 
    function callback(result, link) { 
     // 
     if(result){ 
     } 
    } 

Answer 1

La raison pour laquelle il va en haut de la page est parce que votre balise d'ancrage a un symbole dièse comme le href. La syntaxe de hachage vous permet de faire référence à une ancre nommée dans le document, le lien vous conduisant à cet endroit dans le document. L'action par défaut pour une balise d'ancrage lorsque vous cliquez dessus et que l'href fait référence à une ancre nommée qui n'existe pas est d'aller en haut de la page. Pour éviter cela, annulez l'action par défaut en renvoyant false du gestionnaire ou en utilisant preventDefault sur l'événement.

function myalert(e) { 
    e.preventDefault(); // <-- prevent the default action 

    ... 

    return false; // <-- alternative way to prevent the default action. 
}; 

Answer 2

simplement empêcher la fonction par défaut (saut à #marker) d'exécuter: http://jsfiddle.net/Y6Y3Z/1/

Answer 3

Il vous suffit de changer le "#" pour "javascript: void (0)" sur le code HTML:

<a href="javascript:void(0)" class="click">Click Me</a> 

une autre solution est d'ajouter un "/" après le "#":

<a href="#/" class="click">Click Me</a>