Вставка JavaScript, когда JQuery изменения размера закончена

Question

Я использую JQuery UI функция изменения размера, а когда пользователь заканчивает операцию, я хотел бы, чтобы запустить этот код:

var pl=$('#player iframe')[0];pl.src=pl.src; 

Будет ли обратный вызов работы? Как бы вставить его в функцию изменения размера?

В частности, код, я использую для изменения размера заключается в следующем:

$(function() { 
$(".resizableaspect").resizable({ 
    aspectRatio: true, 
    helper: "ui-resizable-helper" 
}); 
}); 

Answer 1

Вы используете jQueryUI я думаю.
Это официальная документация:
http://jqueryui.com/resizable/

stop Событие вызывается, когда вы закончите, чтобы изменить размер элемента.
Другие события являются:
- создать
- размер
- начать
- остановка

Попробуйте это:

$(function() { 
    $(".resizableaspect").resizable({ 
     aspectRatio: true, 
     helper: "ui-resizable-helper", 
     stop: function(e, ui) { 
      var pl=$('#player iframe')[0];pl.src=pl.src; 
     } 
    }); 
}); 

Answer 2

resizable имеет мероприятие под названием stop, который «срабатывает в конце операции изменения размера».

http://api.jqueryui.com/resizable/

$(".resizableaspect").resizable({ 
    aspectRatio: true, 
    helper: "ui-resizable-helper", 
    stop: function(){ 
     // YOUR CODE HERE 
    } 
});