jQuery detect element resize

Question

Я пытаюсь определить размер элемента с помощью jquery resize plugin (http://benalman.com/projects/jquery-resize-plugin/) на jquery 1.10.2.

$("#element").resize(function(){ 
    console.log("resize"); 
}); 

Я сделал тестирование на Firefox 25 и я получаю эту ошибку:

Error: TypeError: r is undefined 
Source File: jquery.ba-resize.min.js 
Line: 9 

Как я могу решить эту проблему? Есть ли альтернативный способ/плагин для этого?

Спасибо.

Answer 1

Удалите этот плагин, jQuery, выполненный с ним самостоятельно.

var element = $('#element'); 
var current_size = element.width()+'x'+element.height(); 
element.resize(function(){ 
    var this_size = $(this).width()+'x'+$(this).height(); 
    if(current_size!==this_size){ 
     console.log('changed'); 
     current_size = this_size; 
    } 
}); 

PS: Не проверить

Answer 2

Вам нужен датчик изменения размера, который поставляется вместе с CSS-элементов-запросов https://github.com/marcj/css-element-queries.

new ResizeSensor($('.elements'), function(){ 
    console.log('resize') 
}); 

JQuery-х .resize работает только на window объекта, поскольку только window имеет событие onresize. У всех остальных элементов нет и, следовательно, для этого вам нужна полипол. Я видел много других плагинов jQuery, которые позволяют прослушивать изменения размеров всех типов элементов, но позаботьтесь: они невероятно медленны, поскольку они используют setTimeout() или интервал, чтобы проверить его изменение размеров вместо настройки реального датчика изменения размера как тот, который вы можете найти в ссылке выше.

Answer 3

Использование Clay.js (https://github.com/zzarcon/clay) это довольно просто, чтобы обнаружить изменения на размер элемента:

var el = new Clay('.element'); 

el.on('resize', function(size) { 
    console.log(size.height, size.width); 
}); 

Answer 4

DIV не срабатывает событие изменения размера, так что вы не будете в состоянии сделать то, что вы имеете но вы можете посмотреть на свойства DOM.

Если вы действительно работаете с чем-то вроде изменяемых размеров, и это единственный способ изменить размер div, тогда ваш плагин изменения размера, вероятно, будет реализовывать собственный обратный вызов.