基于 div 宽度运行函数的脚本

Question

我需要一个基于 div 宽度执行函数的脚本。

我希望能够在调整 div 大小时执行该功能。比如div宽度为300px则执行函数1，div宽度为700px则执行函数，以此类推。

提前谢谢你！

Answer 1

你说的是jQuery UI Resizable

  $( ".selector" ).resizable({
  resize: function(event, ui) {
  if($(this).width()>300)
  {
      //do some stuff
  }
  if($(this).width()>700)
  {
      //do some other stuff
  }
  }
  });

编辑：或浏览器调整

$(window).resize(function(){
 var width = $(".content_genre").width();
if(width>300)
 { 
     itemsPerPage = Number(30); initPaginator();
 }
});