Как узнать направление слайда карусели Bootstrap? Любое событие?

Мне нужно привязать событие к карусели начальной загрузки только вправо. У меня есть этот код:

$('#carousel-showcase').bind('slid', function () {
    $("#wrap").animate({
        backgroundPositionX: '+=50%'
    },0);
});

Но это работает независимо от направления. Любая помощь?


carousel jquery twitter-bootstrap-3 direction slide
person sdvnksv    schedule 21.11.2013    source источник
comment
пожалуйста, укажите версию бутстрапа, которую вы используете.   -  person ringstaff    schedule 22.11.2013

Ответы (1)


arrow_upward
6
arrow_downward

Если вы используете Bootstrap 3, вы можете получить направление из события слайда:

$('#carousel-showcase').bind('slide.bs.carousel', function (event) {
    console.log(event.direction);
});

Имейте в виду, что это относится только к событию слайда, а не к слайду.

person ringstaff    schedule 21.11.2013
comment
спасибо, это, кажется, самый короткий путь. извините, я программист-любитель, не могли бы вы посоветовать мне, как использовать console.log(event.direction); в моем коде? заранее спасибо - person sdvnksv; 22.11.2013
comment
@YevgenySimzikov используйте alert(event.direction); если это поможет. Что вам нужно сделать, так это сделать оператор if для запуска кода только в том случае, если event.direction указывает, что слайд идет правильно. - person Trevor; 23.11.2013
comment
Доступ к консоли браузера можно получить, щелкнув правой кнопкой мыши веб-страницу, выбрав элемент проверки, а затем выбрав вкладку консоли. Любые данные, переданные в функцию console.log, будут напечатаны здесь. Взгляните на консоль в этой скрипте, и вы увидите, что текст печатается каждый раз, когда слайд и скользящие события запускаются. - person ringstaff; 23.11.2013
comment
@YevgenySimzikov, пожалуйста, примите этот ответ, если вы удовлетворены, спасибо! - person ringstaff; 03.01.2014