Question

我想使用jQuery UI的selectable，

将div绘制到特定位置

我已经尝试过，我认为它几乎已经弄明白了： http://jsfiddle.net/62LJG/

我想到的步骤是：

获取Selectable的帮助者left和top。
获取Selectable的帮助者width和height。
在我的目标上添加div，我可以使用这些left，top，width，height我必须使用CSS这个div。

现在我的问题是我无法从这个小部件中获得宽度和高度。

我认为所有的jQuery UI都很相似所以我试过这个：

$('#tar').selectable({
  stop: function(event, ui) {
    console.log(ui.size.width + ',' + ui.size.height);
  }
});

但此部分ui.size不起作用。

但我可以在jQuery ui.size或resizable中使用draggable来获取宽度和高度。

如何从jQuery width的助手（虚线）中获取height和selectable来实现我的目标？

Answer 1

ui对象似乎是空的，请使用：

$(function() {
    $('#tar').selectable({
      stop: function(event, ui) {
        console.log($(this).width() + ',' + $(this).height());
      }
    });
});

如果元素中有填充/边距，请使用$（this）.outerWidth（）和$（this）.outerHeight（）。

Answer 2

最后我弄清楚了。

event.page - position()将获得相对值。

演示：http://jsfiddle.net/62LJG/1/

参考：Using jQuery how to get click coordinates on the target element

如何使用jQuery UI可选择将div绘制到特定位置？

2 个答案: