javascript - Inserting javascript when jquery resize is finished

Question

I'm using the jQuery UI resize function, and when user is finished with the operation I'd like it to run this code:

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

Would a callback work? How would I insert it into the resize function?

Specifically, the code I'm using for resize is this:

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

Answer 1

resizable有一个名为 的事件stop，“在调整大小操作结束时触发”。

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

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

Answer 2

我认为您正在使用 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;
        }
    });
 });