JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<div id="resizable" class="ui-widget-content">
<h3 class="ui-widget-header">Resizable</h3>
When you resize me, look at your console!
</div>
<- When you resize THIS, the window, look at your console too
CSS
#resizable{
width: 200px;
height: 200px;
border: 1px solid black;
}
JavaScript
$(window).resize(function(){
log = 'I\'m here too!'
// If window resize, then check if window resize. wat
if(event.target != window){
log += 'oh god how did i get here i am not window i am div'
}
console.log(log)
});
$('#resizable').resizable({
resize: function(){
console.log('I\'m here!');
}
});