Lista bullet, não está acompanhando

[Cesão 1]

Oi, pessoal.

 

Estou usando o plugin SwipeJS, mas estou tendo um problema em criar uma bullet list.

Minha lista é assim:

 

<ul id="position">
<li class="on">Current location</li>
<li>Tallinn</li>
<li>Indaiatuba</li>
<li>Rio de Janeiro</li>
</ul>

 

 

E meu código para fazer o acompanhamento é assim:

var slider = 
new Swipe(document.getElementById('forecast'), {
// auto: 5000,
callback: function(pos) {
  var i = bullets.length;
  while (i--) {
    bullets[i].className = ' ';;
  }
  bullets[pos].className = 'on';
}
});


var bullets = document.getElementById('position').getElementsByTagName('li');

Ele está limpando as classes dos outros itens da lista, mas não está aplicando a classe "on" no item que deveria. Alguém pode me ajudar?

 

[Cesão 1]

Ok, pessoal. Resolvi usando a nova biblioteca do SwipeJS.