2013-04-08 7 views
0

Здравствуйте при использовании этого прокручивать код в моей странице http://jquerytools.org/documentation/scrollable/Jquery Tools называющие SCROLLABLE элементы, чтобы открыть любой из них при загрузке страницы (Deep Link)

его работой большой.

Im пытаясь «название» прокрутка пунктов, так что я могу открыть определенный элемент, как они делают на вкладках, здесь http://jquerytools.org/demos/tabs/anchors.html#second

Во всяком случае я проверить здесь, также попробовать в моем коде, называя вещи на нав но даже здесь его не работает jquerytools.org/demos/scrollable/one-sized.htm#t2

¿Как я могу это сделать? Спасибо заранее.

Вот мой код HTML:

<ul id="tabs" class="css-tabs navi"> 
    <li><a id="mp" class="current" href="#">MFP</a></li> 
    <li><a id="mp2" href="#">Features</a></li> 
</ul> 

    <!-- "previous page" action --> 
<a class="prev browse left"></a> 

      <!-- root element for scrollable --> 
<div class="scrollable" id="scrollable"> 

    <div class="items"> 

<div id="mp"> 

<h3>MyProject</h3> 

</div> 

<div id="mp2"> 

<h3>MyProject2</h3> 

</div> 

</div><!--end items --> 

</div><!--end scrollable --> 

      <!-- "next page" action --> 
<a class="next browse right"></a> 

Мои JQuery инструменты код

<script> 
$(function() { 
    // initialize scrollable 
    $(".scrollable").scrollable({circular: true}).navigator({ 

    // select #flowtabs to be used as navigator 
    navi: ".css-tabs", 

    // select A tags inside the navigator to work as items (not direct children) 
    naviItem: 'a', 

    // assign "current" class name for the active A tag inside navigator 
    activeClass: 'current', 

    // make browser's back button work 
    history: true 

    });; 
}); 
</script> 

UPDATE 1: Я нашел это в другой ответ, я просто не знаю, как применить его к нормальный href, или, скажем, я хочу дать клиенту URL-адрес ... как это работает?

Предполагаете, что вы хотите отключиться, чтобы прокручиваемое прокручивалось до определенного слайда на основе GET URL? вот что я делаю:

scrollapi = $("#scrollableID").data("scrollable"); 
deeplink = window.location.search.substring(1) 
if (deeplink) { 
    scrollapi.seekTo(deeplink); 
} 

Добавить строку GET - это номер слайда, на который вы хотите установить ссылку. (Начинается с 0)

UPDATE2: pastebin.com/2FeKpzba

Я не могу заставить его работать либо :(

ответ

0

Наконец я получил его !!

вот окончательный код, если кто-то нуждается в Deep Ссылка на JqueryTools Scrollable

<script> 
$(function() { 
    // initialize scrollable 
    $(".scrollable").scrollable({circular: true}).navigator({ 

    // select #flowtabs to be used as navigator 
    navi: ".css-tabs", 

    // select A tags inside the navigator to work as items (not direct children) 
    naviItem: 'a', 

    // assign "current" class name for the active A tag inside navigator 
    activeClass: 'current', 

    // make browser's back button work 
    history: true 

    });; 

var $hash = window.location.hash.substring(0); 
var $grave_nr = $hash ? $hash.slice(1) : 1; 

var api = $(".scrollable").data("scrollable"); 
     api.seekTo($grave_nr, 1000); 

}); 
</script> 

Для каждого элемента URL является

URL+#0 
URL+#1 
URL+#2 

Ans so on, каждый для одного элемента, начиная с 0