Как сделать чтобы скрипт срабатывал при изменении размера окна?

Question

[stichii]

Добрый день! Как сделать чтобы скрипт срабатывал при изменении размера окна. Сейчас срабатывает только при обновлении страницы.
Сам скрипт

var window_size = $(window).width();
if(window_size <= 767) {

}
else {

        $(document).ready(function () {

            initialize_owl($('#owl1'));
            $('a[href="#leader"]').on('shown.bs.tab', function () {
                initialize_owl($('#owl1'));
            }).on('hide.bs.tab', function () {
                destroy_owl($('#owl1'));
            });

            $('a[href="#n-leader"]').on('shown.bs.tab', function () {
                initialize_owl($('#owl2'));
            }).on('hide.bs.tab', function () {
                destroy_owl($('#owl2'));
            });

            $('a[href="#mil"]').on('shown.bs.tab', function () {
                initialize_owl($('#owl3'));

            }).on('hide.bs.tab', function () {
                destroy_owl($('#owl3'));

            });


        });

//Owl general
        function initialize_owl(el) {
            el.owlCarousel({
                loop: true,
                margin: 10,
                responsiveClass: true,
                navigation: true,
                responsiveRefreshRate:50,
                navigationText:	["<i class='fa-left fa-icon'></i>",
                    "<i class='fa-right fa-icon'></i>"],

            });
            $("#owl3").owlCarousel({
                items:4,
                navigation: true,
                navigationText:	["<i class='fa-left fa-icon'></i>",
                    "<i class='fa-right fa-icon'></i>"]
            });

        }

        function destroy_owl(el) {
            el.data('owlCarousel').destroy();
        }

}

Мне нужно чтобы скрипт owl галереи работал только до 767 px, после нужно чтобы он уже не работал.

Answer 1

[fetis26]

У окна есть событие resize

Answer 2

[Николай]

window.addEventListener( 'resize', function(){}, false );