Bootstrap screen width change event JS

script.js

var resizeBuffer = null;
var prevWidthName = getWindowWidthName();
$(window).on('resize', function () {
  clearTimeout(resizeBuffer);
  resizeBuffer = setTimeout(function() {
    var newWidthName = getWindowWidthName();
    if (newWidthName != prevWidthName) {
      prevWidthName = newWidthName;
      $(document).trigger(newWidthName);
    }
  }, 300);
});

function getWindowWidthName() {
  var w = $(window).width();
  switch (true) {
    case w < 768:
      return 'width-xs';
    case w < 992:
      return 'width-sm';
    case w < 1200:
      return 'width-md';
    default:
      return 'width-lg';
  }
}