Question

以下代码是标准resizable() jQuery-ui 小部件。

怎么可能知道它被拖到什么对象？

我试图使用clientX以及更多来捕获它......但它没有“传递”实际元素。我试过没有幽灵，在中途发生了恐惧，发现了什么。虽然这不是我猜的问题。

  $([selector]).resizable({
   //some  featurs/options and then
    resize:
           function (event, obj) {

              var x = event.clientX, y = event.clientY,
              var elementMouseIsOver = document.elementFromPoint(x, y);
           } 
  });

任何帮助将不胜感激。

Answer 1

看看我已经应用于可调整大小的div的z-index 我有条件地降低了它。

因此，如果它超过了其他一些ide对象，那么我将能够访问其属性而不是阻止resizable。

$('document').ready(function () {

    $('#resz').resizable({
         handles: 'n, s',
         resize:
             function (event, obj) {

                  var H = obj.size.height;
                  var curobj = $(this);
                  var target = curobj;
                  var x = event.clientX, y = event.clientY;
                  var elementMouseIsOver = document.elementFromPoint(x, y);

                  if (elementMouseIsOver.id != "") //&& elementMouseIsOver.id != this.id) 
                  {
                      curobj.css("z-index", "-1");
                      target = $("#" + elementMouseIsOver.id); //.css('display', 'none');
                      $("#deb").html("found " + target.attr("id") + " at " + target.css("z-index"));
                  }

            }
     });
 });

jquery-ui和helper / ghost阻塞元素标识的问题

1 个答案: