Liens profonds Jquery

Question

Je suis à la recherche d'un plugin/exemple/tutoriel qui me montrerait comment lier les onglets jquery et les onglets imbriqués. Est-ce que quelqu'un sait où je pourrais trouver un exemple de ceci? Je veux ajouter ceci à un site, mais je ne suis pas sûr par où commencer.

Answer 1

Le plugin adresse jquery Asual devrait trier que pour vous, beaucoup d'exemples aussi bien http://www.asual.com/jquery/address/ ou sur github https://github.com/asual/jquery-address

Ou vous pouvez essayer jquery ben alman barbecue plugin

Hope that helps!

Answer 2

Toutes les solutions utilisant la méthode 'select' ne fonctionnent pas pour les versions ultérieures des onglets jquery. Cela est maintenant fait en réglant l'option active sur l'int désiré (offset vaut 0) de l'onglet. Et cette fonction est plus léger (alla moins complet) que jQuery adresse plugin.

function initTabs() { 
var tabIndex = {'yourTabID-1':0,'yourTabID-2':1,'yourTabID-3':2} 
var re = /#\w+$/; // This will match the anchor tag in the URL i.e. http://here.com/page#anchor 
var match = re.exec(document.location.toString()); 
match = location.hash; 
if (match != null) var anchor = match.substr(1); 
for (key in tabIndex) { 
    if (anchor == key) { 
     selectedTab = tabIndex[key]; 
     break; 
    } 
else selectedTab = 0; 
} 
$("#tabs").tabs("option", "active", selectedTab); 
//following part only if You need copyable deeplinks 

$("#tabs").on("tabsactivate", function(event, ui) { 

    var re = /#\w+$/; 
    var url = document.location.toString(); 
var newHash = 'yourTabID-' + ui.newTab.context.id.substring(6); 
window.location.hash = newHash; 
}); 
}