2013-04-03 2 views
1

Im работает на сайте в настоящий момент и решил использовать плагин RevoloverJS, так как он идеально подходит для моих текущих потребностей.RevolverJS consolelog for currentSlide возвращает undefined

Однако я пытаюсь получить текущий номер слайда для вывода на консоль firebug и вместо этого вернуть номер, который он просто возвращает неопределенным.

Ниже приведен код, который я имею до сих пор. Предупреждения не отображаются, и журнал консоли просто возвращает неопределенные значения.

Slider код

$('#slider').revolver({ 
    transition: { 
     onStart: function(){ 
      var current = $('#slider').data('goto'); 
      if (current == '0'){ 
       alert('slide 0'); 
      }else if(current == '1'){ 
       alert('slide 1'); 
      }else if(current == '2'){ 
       alert('slide 2'); 
      }else if(current == '3'){ 
       alert('slide 3'); 
      } 
      console.log(slider.currentSlide); 
     }, 
     onFinish: function(){ 

     } 
    } 
}); 

var revolver = $('#slider').data('revolver'); 
$('.goto').click(function(e){ 
    e.preventDefault(); 
    revolver.goTo($(this).data('goto')); 
}); 

У меня есть только 4 изображений в слайдере и я с помощью если заявления, чтобы изменить стиль некоторых кнопок на странице. В настоящее время я просто пытаюсь заставить предупреждения работать до того, как я перейду к изменению CSS. Большое спасибо, если бы я допустил какие-либо ошибки noobish, были бы признательны за ошибки :)

+1

Вы определяете «ползунок» где угодно? Вы пробовали «revolver.currentSlide»? – matpol

+0

эпопеи facepalm для меня xD большое спасибо. все исправлено сейчас: D – MobliMic

ответ

0

Исправлена ​​проблема сейчас! оказалось, что я использовал слайдер, а не револьвер.

Рабочий код для тех, кто заинтересован. Спасибо matpol за помощь!

$('#slider').revolver({ 
    transition: { 
     onStart: function(){ 
      var current = revolver.currentSlide; 
      if (current == 0){ 
       alert('slide 0'); 
      }else if(current == 1){ 
       alert('slide 1'); 
      }else if(current == 2){ 
       alert('slide 2'); 
      }else if(current == 3){ 
       alert('slide 3'); 
      } 
      console.log(revolver.currentSlide); 
     }, 
     onFinish: function(){ 

     } 
    } 
}); 

var revolver = $('#slider').data('revolver'); 
$('.goto').click(function(e){ 
    e.preventDefault(); 
    revolver.goTo($(this).data('goto')); 
}); 
Смежные вопросы