Как создать глубокую связь с прокручиваемыми инструментами jQuery Tools - PullRequest
Новая
       7

Как создать глубокую связь с прокручиваемыми инструментами jQuery Tools

1 голос
/ 21 декабря 2011

Я использую Scrollable от jQuery Tools в качестве средства навигации по всему сайту на одной странице.

Навигация выглядит так: 

<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 для стрельбы это выглядит так: 

$("#homeScrollable").scrollable({circular:true, next:'.mainNext', prev:'.mainPrev'}).navigator({navi:'#mainNavContainer nav'});

Таким образом, навигация перемещается по горизонтали на правильную страницу, но хэш не идет по URL-адресу, и я не могу ссылаться на слайд.

В принципе, как я могу одновременно использовать диплинк, но также использовать навигацию в качестве цели навигатора плагина?

В ответ на ответ ниже,

Я пытался это проверить: 

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?

1 Ответ

1 голос
/ 21 декабря 2011

Возвращаясь к моему предыдущему ответу, я нашел что-то аккуратное: 

unescape(self.document.location.hash.substring(1));

Так что с этим вы могли бы сделать что-то вроде: 

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