J'utilise Scrollable de jQuery Tools comme moyen de naviguer sur un site entier d'une seule page.Comment faire un lien profond avec le défilement des outils de jQuery
Navigation ressemble à ceci:
<div id="mainNavContainer">
<nav>
<a id="logo" href="#home" title="Hughes Opticians, Delmar, NY"></a>
<a href="#who-we-are" title="Who We Are">Who We Are</a>
<a href="#eye-exams" title="Eye Exams">Eye Exams</a>
<a href="#gallery" title="Gallery">Gallery</a>
<a href="#eyewear" title="Eyewear">Eyewear</a>
<a href="#contact-lenses" title="Contact Lenses">Contact Lenses</a>
<a href="#contact" title="Contact">Contact</a>
</nav>
</div>
jQuery pour qu'il ressemble à ce feu:
$("#homeScrollable").scrollable({circular:true, next:'.mainNext', prev:'.mainPrev'}).navigator({navi:'#mainNavContainer nav'});
Ainsi, la navigation se déplace horizontalement vers la bonne page, mais le hachage ne va pas à la URL, ni je peux lier à une diapositive.
Fondamentalement, comment puis-je à la fois le lien profond, mais aussi utiliser le nav comme cible du navigateur du plugin?
En réponse à la réponse ci-dessous,
J'ai essayé à tester:
var hash = self.document.location.hash.substring(1) ;
if(hash == "home"){
console.log('Home page')
}
if(hash == "who-we-are"){
console.log('Who we are page')
}
if(hash == "eye-exams"){
console.log('Eye Exams page')
}
if(hash == "gallery"){
console.log('Gallery page')
}
if(hash == "eyewear"){
console.log('Eyewear page')
}
if(hash == "contact-lenses"){
console.log('Contact Lenses page')
}
if(hash == "contact"){
console.log('Contact page')
}
Console fait écho à chaque message console.log deux fois. Ne devrait-il pas simplement faire écho à l'étiquette de hachage actuelle de mon URL?
Vous devriez faire si '(hachage == « # contact ")' maintenant vous demandez 'Si hash n'est pas # contact.' –
Duh! Je vous remercie. – Keefer