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

标签 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();
        }
    });

最佳答案

这里是jquery ui插件

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

将其包含在页面上,然后简单地使用

$("#myElement").simulate('拖动');

关于javascript - 如何手动触发 jQuery drag() 函数?像 $(element).trigger ('drag' );,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35458509/

相关文章:

javascript - 在已经转换的元素上更改转换原点

javascript - 如何获取 "ui.draggable"事件中 "drop"的原始位置?

javascript - 从选择框中选择多个项目 JSF

javascript - 检测用户 browser-height >= page body-height

jquery - 如何制作qtip2逐步引导,重新打开工具提示?

php - 服务器不读取jquery

css - 拖动元素时如何保持样式?

ios - UIPanGestureRecognizer 不适用于 UIControlEvents

javascript - 相对时间 jQuery 插件(如 Twitter、FB 等)在 Safari 中中断?

javascript - JQuery、CSS 和对话框。将东西插入按钮 Pane div