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

时间:2016-02-17 13:48:40

标签: javascript jquery draggable jquery-ui-draggable jquery-draggable

我有一个可拖动的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();
        }
    });

1 个答案:

答案 0 :(得分:4)

这是jquery ui插件

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

在页面上包含该内容,然后只需使用

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