Navigation par onglets JS - comment garder l'url

Question

J'ai construit une interface à onglets de base en utilisant jQuery en utilisant la technique this. Je veux être en mesure de créer un lien vers la page avec différents onglets ouverts.

Pour le moment, la page d'index charge et conserve le contenu de toutes les pages dans les divs masqués et affiche chacune une animation lorsque l'onglet est sélectionné. Je veux garder cette fonctionnalité, mais aussi permettre aux liens directs (domain.com/section_title) de fonctionner. Pour l'instant, jQuery ajoute la fonctionnalité aux liens en utilisant les éléments href définis sur les identifiants d'élément (href = "# section").

Merci pour toute aide!

Answer 1

La meilleure stratégie ici est de lier directement à domain.com/Index.html#section et de configurer jquery pour charger l'onglet "section" comme pré-ouvert sur la page.

Il n'est pas trivial de configurer la syntaxe domain.com/index/section pour cette fonctionnalité, car le serveur recherchera une page "section" et ne chargera pas votre page "index" à onglets par défaut. Cependant, il existe des moyens de le faire, tels que via ASP.NET Routing.