Jquery工具命名可滚动项，以便在加载页面时打开其中任何一个(深链接)

Question

您好，在我的页面中使用此可滚动代码http://jquerytools.org/documentation/scrollable/

效果很好。

我试图"命名"可滚动的项目，所以我可以打开一个特定的项目，就像他们在标签，这里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

Answer 1

我终于明白了!!

这里是最后的代码，如果有人需要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

依次类推，每个元素对应一个元素，从0