上一篇: jquery – 如何在引导程序中将co... 下一篇:jquery – Angular2 – 删除行或...

在jquery-ui draggable方法中将光标位置设置为ui.helper的中心位置

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了在jquery-ui draggable方法中将光标位置设置为ui.helper的中心位置，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我希望光标位于可拖动的ui.Helper的中心位置.

我是这样做的

$(".soclass").draggable({

          cursor: "move",Helper: 'clone',revert: "invalid",tolerance: "fit",start: function(event,ui){

             $(this).draggable("option","cursorAt",{
            left: Math.floor(ui.Helper.width() / 2),top: Math.floor(ui.Helper.height() / 2)
          }); 


          }

      });

Jsfiddle

解决方法

您可以访问draggable实例的offset.click属性,这几乎就是将光标设置为选项所做的设置选项的问题是,如您所述,它将仅在您下次触发启动事件时应用.但是使用该属性,您可以在当前事件上设置它.像这样：

start: function(event,ui){
    $(this).draggable('instance').offset.click = {
        left: Math.floor(ui.Helper.width() / 2),top: Math.floor(ui.Helper.height() / 2)
    }; 
}

https://jsfiddle.net/38fay00b/