完成jquery resize后插入javascript

时间:2013-06-26 19:04:17

标签: javascript jquery jquery-ui-resizable

我正在使用jQuery UI resize函数,当用户完成操作后,我希望它能运行此代码:

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

回调是否有效?我如何将其插入调整大小函数?

具体来说,我用于调整大小的代码是:

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

2 个答案:

答案 0 :(得分:2)

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

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

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

答案 1 :(得分: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;
        }
    });
 });