如何手动触发jQuery drag()函数？像 $(element).trigger('drag');

Question

我有一个可拖动的 img 元素。现在我想手动触发 drag() 事件，就像我们如何触发 'click' 事件一样 $(element).trigger('click')。谢谢

这是我的函数定义

$('#imgToUpload').draggable({
        drag: function(event, ui) {
            if (ui.position.top > 0) {
                ui.position.top = 0;
            }
            var maxtop = ui.helper.parent().height() - ui.helper.height();
            if ( ui.position.top < maxtop) {
                ui.position.top = maxtop;
            }
            if ( ui.position.left > 0) {
                ui.position.left = 0;
            }
            var maxleft = ui.helper.parent().width() - ui.helper.width();
            if ( ui.position.left < maxleft) {
                ui.position.left = maxleft;
            }
            ImageCropping.calculateCroppedCoordinates();
        }
    });

Answer 1

这是jqueryui插件

https://github.com/jquery/jquery-ui/blob/9e8e339648901899827a58e5bf919f7dda03b88e/tests/jquery.simulate.js

将其包含在页面上，然后只需使用

$("#myElement").simulate('drag');