0

您好，在我的页面 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>

更新 1：我在其他答案中找到了这个，我只是不知道如何将它应用到普通的 href，或者说，我想给我的客户一个 URL ...这是如何工作的？

假设您要进行深度链接，以便可滚动将基于 GET URL 滚动到某个幻灯片？这就是我所做的：

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

添加 GET 字符串就是您要链接到的幻灯片的编号。（从 0 开始）

更新2 ：pastebin.com/2FeKpzba

我也不能让它工作:(

4

1 回答 1

0

终于我明白了！！

如果有人需要 JqueryTools Scrollable 上的 Deep Link，这是最终代码

<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 开始

于 2013-04-09T17:42:10.223 回答