Does 'initialized' custom event work? about tiny-slider HOT 7 CLOSED

Hi,
That's expected. Because when you can tns(...), it's initialized already. It will not fire again.
A work around for this is to watch the initial event before the initiation.

tns().events.on('initialized', function(info) {
  console.log(info.container.id);
});

var slider3 = tns({
  container: document.querySelector('.slider-feedback'),
  axis: 'vertical',
  speed: 1600,
  items: 3,
  slideBy: 1,
  autoplay: true,
  gutter: 20,
  controlsContainer: document.querySelector('.wj-tns-controls.controls-feedback'),
  navContainer: document.querySelector('.wj-tns-thumbnails'),
});

from tiny-slider.

Clear now. Thank you.
Another specific question. I have several tns sliders in my page. I attach the hadler for e.g. transitionEnd like this:

    slider3.events.on('transitionEnd', clearHiddenAttrib);

... and I assume the handler to be called on slider3 instance's transitionEnd event only.

However the event handler is called on all transitionEnd events emitted by all the instances of tns. What could be the right way of doing things with tns in this case? Like filter out the name of the required slider within the handler?
Thanks.

from tiny-slider.

Yes, I noticed this issue. Will looking on it shortly.
For now you can do with the method you mentioned (Like filter out the name of the required slider within the handler?)

slider3.events.on('transitionEnd', function(info) {
  if (info.container.id === 'base') {
    console.log(e.type, info.container.id);
  }
});

from tiny-slider.

Hey,
Just submit a new release to fix this issue.
The tns() instances no longer sharing the same event. Also you can now use onInit fallback instead of initialized event, more on here.
Please check it out and let me know if it works for you.

from tiny-slider.

Close for now.

from tiny-slider.

Hi William. I tested a little. These two changes work fine. Quite a convinient addition. Thanks a lot.

from tiny-slider.

Thanks for the feedback. Glad to see that.

from tiny-slider.