2010-06-30 5 views
0

J'utilise les onglets jQuery sur une longue page d'accueil (défilement vers le bas). La page comporte trois sections qui utilisent chacune des onglets et la visionneuse défile jusqu'à chaque section.plusieurs onglets jquery ui - ciblez un onglet d'une autre page

Je souhaite cibler des onglets spécifiques d'autres pages qui fonctionnent correctement si les onglets sont en haut de la page. Si les onglets sont en bas de la page, le lien ouvre l'onglet correct, mais la page est en haut de sorte que jusqu'à ce que vous faites défiler vers le bas, vous ne pouvez pas voir le contenu prévu.

J'utilise des onglets jQuery dans sa forme la plus simple:

$('#tabs-mcr > ul').tabs(); 
$('#tabs-lpool > ul').tabs(); 
$('#tabs-bham > ul').tabs(); 

Est-il possible de trouver la hauteur de la partie supérieure de la fenêtre ou la position des onglets ciblés sur la page et passer à ce position quand on clique sur le lien ...?

P.S. Je suis déjà en train d'utiliser $(window).scrollTop(); pour faire défiler chacune des sections de l'onglet via la navigation principale - si cela pouvait être utilisé pour cibler les onglets qui seraient idéaux!

Répondre

0

Essayez le plugin jQuery scrollTo.

http://ajaxian.com/archives/jquery-scrollto-plugin

+0

Comment lier la fonction scrollTo au code de l'onglet? Désolé, je suis un nouveau venu à jQuery –

+0

Si la mémoire est utilisée, elle défilera vers n'importe quel sélecteur, tel qu'un ID. Mais cela fait un moment - ce plugin ou un plugin similaire devrait faire l'affaire, et aussi agréable et lisse si vous le souhaitez. Bonne chance. – aceofspades

+0

J'utilise déjà ce plugin mais cela ne fonctionne pas avec les onglets. Pour une raison quelconque, lorsque vous liez à partir d'une autre page, elle ne défile pas jusqu'à l'ancre. –

Questions connexes