282 votes

Quel est le meilleur bouton de retour plugin jQuery?

J'en ai trouvé deux plugins qui permettent le navigateur du bouton de retour au travail à travers les interactions ajax, mais je ne peux pas déterminer ce qui est le mieux et pourquoi. Les deux plugins sont history_remote et de l' histoire.

L'histoire plug-in est simple et semble fournir toutes les fonctionnalités dont j'ai besoin, mais je ne suis pas sûr que je comprends assez pour prendre une décision intelligente. Pour mon application, j'ai besoin de plugin pour permettre le bouton de retour au travail à travers les interactions ajax, et j'ai besoin d'être en mesure de créer un signet de la page à tout moment à travers les interactions.

Le plug en est le meilleur dans ce scénario, et pourquoi? Existe-il d'autres plug-ins que j'ai raté qui pourrait être mieux? Il y a des restrictions à ces plugins que je suis absent (ils ne fonctionnent pas dans certaines situations, etc)? Toute information serait grandement apprécié.

129voto

Rostislav Points 111

jQuery Adresse fournit des fort de la croix-prise en charge du navigateur pour l'historique de navigation et d'exploration Ajax:

50voto

dolzenko Points 2098

Je suis vraiment surpris de voir que le BARBECUE plugin par le célèbre Ben Alman n'a pas obtenu une mention ici http://benalman.com/projects/jquery-bbq-plugin/

45voto

balupton Points 17805

Mise à jour: Il y a maintenant le HTML5 Histoire de l'API (pushState, popState) qui dénonçait le HTML4 hashchange fonctionnalités. History.js fournit la compatibilité inter-navigateur et un facultatif hashchange de secours pour HTML4 navigateurs.

jQuery Histoire est mon préféré. Il peut être trouvé ici: http://www.balupton.com/sandbox/jquery-history/demo/ D'offrir une prise en charge du navigateur, la liaison à la cendre, la surcharge de hachages, tout le reste.

Il y a aussi un Ajax d'extension pour elle, lui permettant de facilement mettre à jour votre page web dans une bonne application Ajax: http://www.balupton.com/sandbox/jquery-ajaxy/demo/

C'est la solution choisie par des sites tels que http://wbhomes.com.au/ et http://gatesonline.com.au/stage/public/

Dans l'ensemble il est bien documenté, appuyé et riche en fonctionnalités. Il a également remporté un bounty question ici Comment afficher les requêtes Ajax dans l'URL?

36voto

aemkei Points 4602

Maintenant, dans Internet Explorer 8, Firefox 3.6+, Chrome 5+, vous pouvez lier des rappels à l' window.onhashchange événement et de l'utiliser sans aucune sorte de plugin.

Ben Alman a créé un plugin jQuery qui permet à de très de base bookmarkable #hash histoire par l'intermédiaire d'un cross-navigateur HTML5 fenêtre.onhashchange événement.

http://benalman.com/projects/jquery-hashchange-plugin/

Utilisation de base:

$(function(){

  // Bind the event.
  $(window).hashchange( function(){
    // Alerts every time the hash changes!
    alert( location.hash );
  })

  // Trigger the event (useful on page load).
  $(window).hashchange();

});

Navigateurs pris en charge:

  • Internet Explorer 8 Et 9
  • Firefox 2-4
  • Chrome 5-6
  • Safari 3.2-5
  • Opera 9.6-10.60
  • iPhone 3.1
  • Android 1.6-2.2
  • BlackBerry 4.6-5.

12voto

schmichael Points 303

Je suis avec succès à l'aide de l'histoire et des ancres pour faire les boutons suivant/précédent travail sur une page AJAX.

Il suffit de définir une fonction dans la portée globale pour obtenir appelée pour chaque navigation de l'événement:

function nav_event(hash) {
  // Some sort of navigation happened, update page
}

$(document).ready(function(){
  $.history.init(nav_event);
  $.history.load('#some_anchor');
}

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X