e.preventdefault(); ne fonctionne pas

Je vais avoir vraiment du mal à arriver e.preventDefault(); de travail.

Voici mon code

$('#ListSnapshot a').live('click', function(e){
    var url = $(this).attr('href') +' #WebPartWPQ2 .ms-listviewtable';
    $('#ListSnapshot').load(url);
    e.preventDefault();
});

Quelqu'un pourrait-il expliquer ce que je fais mal, je peux voir la fonction de charge de travail, mais alors la redirection de la page du lien cliqué dont j'ai besoin pour prévenir.

J'ai aussi essayé de déplacer e.preventDefault(); vers le haut de la fonction, en vain.

  • Je sens qu'il y a autre chose qui se passe ici, parce que preventDefault doit être au travail. Peut-on voir le balisage / autre code?
  • Comme J-P a dit, il semble qu'il y ait quelque chose d'autre à faire ici, à la il devrait fonctionner comme prévu. Pouvez-vous fournir le code HTML #ListSnapshot et ce sont les enfants?
  • J'ai enlevé la réponse de votre question, vous devriez poster comme réponse lorsque la question est à nouveau ouverte.
  • Je sais que c'est fermé, mais je l'ai trouvé sur Google, tout comme beaucoup d'autres, quand ils ont ce problème. Mon problème est tout simplement que d'un autre clic événement était lié à l'élément à un point plus tard dans le script, d'écraser l'existant, cliquez sur l'événement et causant e.preventDefault() à l'échec. Espère que ça aide quelqu'un d'autre qui s'exécute ce problème.
  • Je sais aussi que c'est fermé, mais trouvé sur Google. Eu le même problème mais la cause s'est avéré être que j'avais écrit sur le fichier qui a appelé à la javascript sur la page!
InformationsquelleAutor |
  1. 26

    J'ai eu un problème similaire, dans lequel e.preventDefault() serait de travailler sur certains cas, mais pas sur d'autres. Il a montré aucune erreur, et à l'aide de try-catch n'était pas de l'affichage de la catch alert.
    L'ajout de e.stopImmediatePropagation() a fait le tour, dans le cas où il aide à quelqu'un (un grand merci à wcpro)

    • je vous remercie. votre solution a fonctionné comme un charme. Merci encore 🙂
    • Merci, a bien fonctionné. Ce doit être marqué comme réponse.
    InformationsquelleAutor jcsierra.27
  2. 8

    je pense que vous pouvez avoir le scenerio suivant... au moins, cela permettra de reproduire l'erreur

    vous pouvez avoir un événement qui est de l'installation pour le décollage de l'événement, que l'événement peut être à l'aide de lier, et même si vous appelez de l'e.preventdefault il sera toujours appeler le lier tout d'abord, vous devrez peut-être faire l'un des plus élevés d'emploi, au lieu de se lier. ensuite, il devrait fonctionner comme prévu. de vérifier cet échantillon.

    http://jsfiddle.net/rodmjay/mnkq3/

    $('div').bind ('click', function(){ //<-- switch this to live and you will see different behavior

    alert('div click');

});

$('a').live('click', function(e){


    alert('a click');

    e.stopImmediatePropagation();


});
    • Cela peut arriver à supprimer le lien pour les Rails, comme les Rails ajouter des événements qui vous pourriez ne pas être au courant.
    InformationsquelleAutor Rod Johnson
  3. 6

    Le code que vous avez fourni ne doit certainement être au travail (exemple de travail). Il doit y avoir un autre problème avec votre code.

    Essayez de placer une alerte à l'intérieur de votre gestionnaire d'événement pour s'assurer qu'il incendies à tous les. Il est possible que votre #ListSnapshot a n'est pas de trouver quoi que ce soit.

    Si quelque chose est mal à l'intérieur de votre gestionnaire, qui provoque une exception, cela pourrait empêcher le javascript de l'exécution de tout le chemin à la preventDefault appel. Je ne vois pas ce qui pourrait être dans le code que vous avez fournies, tho.

    • Je pense que c'est probablement la réponse. try..catch devrait aider.
    • Ive a édité la question parce que je n'étais pas sûr de savoir comment ajouter une réponse, et ne pouvait pas répondre à tous dans cette zone. Merci Encore
    • Vous avez la meilleure chose-de l'Édition de votre question avec des détails et puis, commentant à laisser les autres savoir la révision de votre édité question est le moyen le plus approprié pour gérer cela. Cela étant dit, étant donné que l'alerte ne montrer, je ne suis pas sûr de ce qu'est la question. Ce n'est pas une exception comme je l'avais soupçonné 🙁
    • Il ne fonctionne pas.
    InformationsquelleAutor David Hedlund
  4. 3

    Je pense que @David Hedlund réponse est bonne, il doit y avoir une exception qui se passe. Quand j'écris des gestionnaires d'événements-je utiliser un try...catch bloc pour s'assurer que l'action par défaut ne se produit pas. Essayez ceci:

    $('#ListSnapshot a').live('click', function(e){
    try {
        var url = $(this).attr('href') +' #WebPartWPQ2 .ms-listviewtable';
        $('#ListSnapshot').load(url);
    } catch(ex) {
        alert('An error occurred and I need to write some code to handle this!');
    }
    e.preventDefault();
});

    De cette façon, depuis e.preventDefault(); est en dehors de la try bloc, même si une erreur se produit, e.preventDefault(); sera toujours appelé.

    InformationsquelleAutor Josh
  5. 3

    Avez-vous essayé d'emballage le gestionnaire d'événement dans $(document).prêt(...) en premier? Juste une pensée.

    InformationsquelleAutor pckozub
  6. 2

    Essayer de retourner false. live ne fonctionne pas toujours de la même façon que bind œuvres. vérifier jquery docs.

    • Merci, im peur ive essayé, mais toujours pas de chance. Merci Encore Gary
    • Je suis en utilisant .sur() et retourne la valeur false fonctionné pour moi!
    InformationsquelleAutor Teja Kantamneni
  7. 2

    e.preventDefault() doit s'exécuter avant les autres lignes de code dans le gestionnaire.

    $('#ListSnapshot a').live('click', function(e){
    e.preventDefault();
    var url = $(this).attr('href') +' #WebPartWPQ2 .ms-listviewtable';
    $('#ListSnapshot').load(url);
});
    • Ouais qu'il fixe, pour moi, dans l'essai sur l'iPhone 6S Plus. Merci!
    InformationsquelleAutor designerdre101
  8. 0

    Une vieille question, mais c'est juste le genre de moment doit voir ce que firebug journaux dans la console ou retourne comme erreur. Quelque chose dans votre code est bien évidemment la prévention de preventDefault() de prévenir une redirection.

    InformationsquelleAutor Steward Godwin Jornsen