Jquery可滚动can';t单击导航时停止自动播放

Jquery可滚动can';t单击导航时停止自动播放,jquery,onclick,scrollable,nav,Jquery,Onclick,Scrollable,Nav,我正在使用jQueryUI工具,这些工具可以通过导航滚动。我想让它自动播放,这很好,但每当我与导航互动时,时间都会变得很奇怪 当我点击任何导航链接时,我希望它停止。我似乎无法停止滚动 下面是启动它的代码: HTML: 我试过这个,但没用: $(".navi a").click (function(){ api.stop() }); 然后我尝试将js添加到实际按钮中,但我认为我没有正确指定它-下面的代码是否需要其他东西来锁定可滚动区域-滚动内容位于ul.navi上方的一个sperate

我正在使用jQueryUI工具,这些工具可以通过导航滚动。我想让它自动播放,这很好,但每当我与导航互动时,时间都会变得很奇怪

当我点击任何导航链接时,我希望它停止。我似乎无法停止滚动

下面是启动它的代码:

HTML:

我试过这个,但没用:

$(".navi a").click (function(){
    api.stop()
});
然后我尝试将js添加到实际按钮中,但我认为我没有正确指定它-下面的代码是否需要其他东西来锁定可滚动区域-滚动内容位于ul.navi上方的一个sperate div中:

 <ul id="flowtabs" class="navi">
   <li><a href="#one" class="current" onclick="api.stop()"></a></li>
   <li><a href="#two" onclick="api.stop()"></a></li>
   <li><a href="#three" onclick="api.stop()"></a></li>
   <li><a href="#four" onclick="api.stop()"></a></li>
 </ul>
我还尝试将clickable:false添加到history:false下的navigator部分,但也没有成功


有人能帮忙吗?

如果您查看jquery ui scroller示例的源代码,他们会使用以下指令将api对象分配给当前窗口:

// provide scrollable API for the action buttons
window.api = root.data("scrollable");

你试过了吗

什么是“api”?它是在哪里定义的?您使用的是哪个
.scrollable
?其中有很多。@Ariel-我正在使用[本页]中的autoscroll一个@JoeyvanOmmen在我对Ariel的评论中的链接的下面,是使用api.stop()的一个例子-最下面是我当前的场景。如果您随机单击导航器按钮,当您停止并移开鼠标时,整个位置都会出现间隔计时。这就是为什么我想在你点击任何导航链接时停止自动播放-这有意义吗?我没有!我想这可能是我的解决方案——我现在就试试,希望在你的答案旁边打一个漂亮的大记号:)非常感谢。我准备把我的计算机扔到窗口。对于其他可能有同样问题的人,我基本上将jquery的开头编辑为:var root=$(“#flowpanes”)。可滚动。。。。并添加了一行:window.api=root.data(“可滚动”);我为你高兴,高兴!
 <ul id="flowtabs" class="navi">
   <li><a href="#one" class="current" onclick="api.stop()"></a></li>
   <li><a href="#two" onclick="api.stop()"></a></li>
   <li><a href="#three" onclick="api.stop()"></a></li>
   <li><a href="#four" onclick="api.stop()"></a></li>
 </ul>
// provide scrollable API for the action buttons
window.api = root.data("scrollable");