2010-10-01 6 views
0

J'utilise les onglets de jQuery Tools pour créer un assistant. J'ai les boutons prev et next naviguant avec succès entre les volets, mais ils ne changent pas le hachage et ne contribuent pas à l'historique du navigateur (du moins pas en FF). Dois-je ajouter quelque chose à mes prochains gestionnaires &? Peut-être changer le location.href des boutons à #<next-page-id>? Je pensais que les types de outils feraient que pour moi ....jquery tools/tabs, boutons prev/next, historique

my.wizard = function() { 
    var api; 
    var $next, $prev; 

    var init = function() { 
     $next = jQuery('.wizardFoot .next').click(next); 
     $prev = jQuery('.wizardFoot .prev').click(prev); 

     // init the tabs 
     jQuery(".wizardNav ol").tabs("div.wizardBody div.wizardPane", { 
      history: true 
     }); 

     api = jQuery(".wizardNav ol").data("tabs"); 
    }; 

    var next = function() { 
     console.info('next'); 
     api.next(); 
     return false; 
    }; 

    var prev = function() { 
     console.info('prev'); 
     api.prev(); 
     return false; 
    }; 

    return { 
     init: init 
    }; 
}(); 

Répondre

0

Je ne sais pas trop sur le plug-in, mais je ne l'imaginer offrirait de l'aide de la boîte pour le hachage url. Quoi qu'il en soit, pour répondre à votre question, oui, vous devez ajouter le hachage à l'objet window.location.hash. Par exemple:

window.location.hash += '#hello'; 

Bien sûr, vous devrez ajouter les hachages pour les volets dans votre outil Assistant.

+0

il fait le hachage pour les onglets. et il a une méthode next() et prev(), mais, malheureusement, il ne semble pas faire le hash avec ceux-ci. – sprugman

+0

Jetez un oeil à la documentation ici: http://flowplayer.org/tools/demos/tabs/history.html#player_tab Il semble que vous deviez ajouter des identifiants aux balises d'ancrage qui composent les onglets et définir les paramètre 'history' à true. –