窗口宽度更改后自动更改div

Question

你好我遇到了问题。 我制作了两种类型的tooltipster脚本。如果屏幕小于1500屏幕宽度，则加载一个，如果屏幕宽度大，则加载另一个。它在第一次加载页面时工作正常，但我希望脚本始终检查此宽度（即使在页面加载后），如果屏幕宽度低于1500，则激活相应的工具提示器。怎么做？

我尝试使用setInterval，该算法可以正常工作但最终在加载后不会更改工具提示器。

    if ($(window).width() < 1500) {
                             $(document).ready(function() {
                    $('.tooltip2').tooltipster({
                            animation:'grow', <!--fade, grow, swing, slide, fall--> 
                            theme:'tooltipster-vrijeme',
                            position:'top',
                            offsetX: 10,
                            content: $('<span> <a> xy</a> </span>')
        });}); 

                            ;}
                            else {
                                $(document).ready(function() {
                    $('.tooltip2').tooltipster({
                                position:'left',
                            animation:'grow', <!--fade, grow, swing, slide, fall--> 
                            theme:'tooltipster-vrijeme',
                            position:'left',
                            offsetX: 10,
                            content: $('<span> <a> xy</a> </span>')
        }); });
                            ;}