我正在尝试实现和自定义一些 jquery 工具可滚动插件的行为。我想要的是在滑动到下一个项目之前调用一个函数,等待函数完成然后滑动到下一个项目。
我从 api 尝试了onBeforeSeek函数,但不幸的是它调用了我想要的函数(如 f.ex.setTimeout)并且不等待它完成,它立即滑到下一个项目。
有人知道如何防止在功能完成之前滑到下一个项目吗?它不必通过 onBeforeSeek 绝对发生,但在我看来还可以,因为它总结了触发 prev/next 的几个事件的结果。
标记:
<section>
<div>
<dl>
<dt>titre 1</dt>
<dd><img src="http://placehold.it/350x150"></dd>
</dl>
<dl>
<dt>titre 2</dt>
<dd><img src="http://placehold.it/350x150"></dd>
</dl>
<dl>
<dt>titre 3</dt>
<dd><img src="http://placehold.it/350x150"></dd>
</dl>
</div>
</section>
<!-- navigation (cubes) -->
<div class="navi"></div>
<br style="clear: both;">
<!-- navigation prev/next -->
<a class="prev browse left">prev</a> | <a class="next browse right">next</a>
JS:
$('section').css('overflow', 'hidden');
$('section').scrollable({ circular: true }).navigator();
var api = $('section').data("scrollable");//get access to the api functions
api.onBeforeSeek(function(){
//do something and after this start sliding to the next img
}
http://jsfiddle.net/micka/zhDGC/
奇怪的是,在连接到 api 的小提琴中,滑块会断裂......
任何建议都可以提供帮助。谢谢!迈克尔