JSFiddle - React, Tailwind, and code Playground

by b0zar

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://jquery-ui.googlecode.com/svn/tags/1.7.2/themes/base/ui.resizable.css">
<div id="my_element">
    
</div>

<span id="textWindow">0</span> window resize events triggered! </br>
<span id="text">0</span> not window resize events triggered!

CSS

#my_element{    
    width: 100px;
    height: 100px;
    background: red;
}

JavaScript

$(function(){
    var resizesWindow = 0;
    var resizes = 0;
    
    $(window).on('resize', function(e){     

        if (e.originalEvent.type == 'resize'){
            $('#textWindow').text(++resizesWindow);
        } else {
            $('#text').text(++resizes);
        }
    });
    
    $('#my_element').resizable();    

});