Unable to trigger "finished" bind event after destroyed

[andrewlim7]

I am having issue to re-trigger after I have destroyed it in bind event. My intention is to re-trigger the marquee after screen changed / resize. I am using $(window).resize() with a boolean , so whenever the boolean is true then after the marquee finish the loop and destroy it and initialise it. However it manages to initialise it but the bind event no longer get triggered. May I know how can I trigger the "finished" bine event again ?

UPDATE:
Using the older version from cdn is working -> https://cdn.jsdelivr.net/jquery.marquee/1.3.1/jquery.marquee.min.js
However the latest version is not working as expected. Is this a bug or some error in the code?

Here is the sample of the code,

var screenChanged = false;
    var tickerSettings = 
        {
            duration: 1000,
            gap: 50,
            delayBeforeStart: 0,
            direction: 'left',
            duplicated: false
        };
    $('.marquee').marquee(tickerSettings);

    $('.marquee').bind('finished', function () {
        console.log("finished");
        if(screenChanged != false){
            console.log("destroy");
            $(this).marquee('destroy');
            $(this).marquee(tickerSettings);
            screenChanged = false;
            console.log("screenChanged set back to " + screenChanged);
        }
    })

    $(window).resize(function() {
        if(screenChanged != true){
            screenChanged = true;
            console.log(screenChanged);
        }
    });