2011-12-21 3 views
1

전체 단일 페이지 사이트를 탐색하는 수단으로 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)); 

이와 당신이 뭔가를 할 수 있습니다 :

+0

당신은해야한다 그것은'해시 (있는 경우 == "# contact ")'이제 해시가 # 접촉하지 않는다면 묻습니다. ' –

+0

Duh! 고맙습니다. – Keefer

답변

1

내 이전의 대답에 다시오고, 나는 깔끔한 것을 발견

//onload 
var hash = self.document.location.hash.substring(1) ; 
if(hash != ""){ 
    //Run your scrollto code with the hash var 
} 
+0

유망한 소리. 불행히도, 어떻게 해야할지 모르겠다. URI를 가져 와서 scrollTo를 수행하는 예제의 코드 스 니펫을 게시 할 수 있습니다. – Keefer

+0

PHP를 사용하고 있습니까? –

+0

예. PHP & jQuery – Keefer

관련 문제