vticker has no 'destroy' or 'remove' method

[ben-eb]

I'd like to be able to remove an element from the DOM that has an instance of vticker attached to it when my view updates. If I do something like this:

render: function() {
    $('.trackinformation').vTicker({
        speed: 500,
        pause: 3000,
        direction: 'up'
    });
},
close: function() {
    $('.trackinformation').remove();
    $('.trackinformation').unbind();
 }

When the close method is called I get this type error every time the interval is called:

Uncaught TypeError: Cannot read property 'options' of undefined

Even if I call the 'stop' method that still ends up firing this error. What I would like to be able to do is to completely remove vticker from the element. Are there any plans to add this feature?

[ben-eb]

Just realised that the view ends up being removed before the close function gets called so the plugin isn't properly cleaned up, so I fixed the error on my end by calling the stop method. However it would still be nice to be able to remove the plugin from an element in any case.

[richhollis]

Hi @ben-eb - so just one method call to remove and unbind? Is that essentially what were talking about here?

[ben-eb]

Essentially, yes; I'd expect such a method call to return the element to the state it was in before vTicker was called, kind of like fullCalendar's way of doing it:

    function destroy() {

        if (currentView) {
            trigger('viewDestroy', currentView, currentView, currentView.element);
            currentView.triggerEventDestroy();
        }

        $(window).unbind('resize', windowResize);

        header.destroy();
        content.remove();
        element.removeClass('fc fc-rtl ui-widget');
    }

http://arshaw.com/fullcalendar/docs/display/destroy/

[richhollis]

Ok, sounds like a good idea. I'll look at adding.

[richhollis]

v1.14 adds remove method.

[ben-eb]

Great, thank you for resolving it so quickly. 👍