전체 단일 페이지 사이트를 탐색하는 수단으로 jQuery Tools의 Scrollable을 사용하고 있습니다.jQuery Tools로 딥 링크하는 방법 Scrollable
탐색은 다음과 같습니다
$("#homeScrollable").scrollable({circular:true, next:'.mainNext', prev:'.mainPrev'}).navigator({navi:'#mainNavContainer nav'});
그래서 탐색 올바른 페이지로 수평 이동하지만 해시가 이동하지 않습니다
<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를은 다음과 같습니다 화재 URL을 사용하거나 슬라이드에 연결할 수 없습니다.
기본적으로 어떻게 딥 링크를 사용할 수 있습니까?하지만 nav를 플러그인의 탐색기 타겟으로 사용하려면 어떻게해야합니까? 아래의 응답에 대응
,나는 시험이 시도 :
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.log 메시지를 에코. 그것은 단지 내 URL의 현재 해시 태그를 울리는 것이 아니겠습니까? 그래서
unescape(self.document.location.hash.substring(1));
이와 당신이 뭔가를 할 수 있습니다 :
당신은해야한다 그것은'해시 (있는 경우 == "# contact ")'이제 해시가 # 접촉하지 않는다면 묻습니다. ' –
Duh! 고맙습니다. – Keefer