Я пытаюсь реализовать и настроить немного поведение инструментов jquery scrollable plugin. Я хочу вызвать функцию перед тем, как сдвинуть к следующему пункту, в ожидании завершения функции и затем перейти к следующему элементу.JQuery Tools Прокрутка функции onBeforeSeek, а затем переход к следующему
Я опробовал функцию onBeforeSeek от апи, но, к сожалению, вызывает мою нужную функцию (например, f.ex. SetTimeout) и не ждать его, чтобы закончить, он сразу сползает к следующему пункту.
Есть ли у кого-нибудь идеи, как я могу предотвратить переход к следующему пункту до завершения функции? Это не должно происходить абсолютно через onBeforeSeek, но мне показалось, что это нормально, потому что он суммирует результат нескольких событий, которые вызывают предыдущий/следующий.
наценки:
<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 с помощью api.onBeforeSeek (function() {...}) ' Это не помогает мне, извините. Как описано, я хочу вызвать функцию, когда я нажимаю на следующую кнопку, и когда эта функция завершается, перейдите к следующему элементу. – MichaelKaeser
, пожалуйста, проверьте обновленную скрипку. Вы пропустили скользящую скобу. http://jsfiddle.net/zhDGC/17/ – iurii
Это работает только для функции оповещения. Все действия блокируются при возникновении предупреждения. Но проверьте то же самое, например, с анимацией: http://jsfiddle.net/zhDGC/18/, она не дожидалась завершения анимации, чтобы перейти к следующему элементу ... – MichaelKaeser