Question

我正在尝试设置一个Drag n drop系统。它正在工作，但我的帮助和鼠标的位置有问题。鼠标位于拖动项目的顶部，帮助程序直接滑动到iFrame的顶部....因此鼠标指针位置和辅助位置之间存在间隙。

除此之外，当它位于iFrame之外时，sortable（在iFrame内部）会对鼠标指针作出反应....

这是我使用的代码

  $('iframe.preview').contents().find('body').sortable({
    items: '> *',
    iframeFix: true
  });

  $('.toolbar').find('li').draggable({
    appendTo: 'body',
    scroll: true,
    iframeFix: true, //Core jquery ui params needs for fix iframe bug
    iframeScroll: true, //This param needs for activate iframeScroll
    scrollSensitivity: 20,
    helper: "clone",
    revert: "invalid",
    tolerance: 'pointer',
    connectToSortable: $('iframe.preview').contents().find('body'),
    cursorAt: {
      top: 0,
      left: 0
    }
  }).disableSelection();

您可以在此处找到并举例说明：https://jsfiddle.net/hatj8Lno/

知道如何解决这个行为问题吗？

使用connectToSortable = Helper / mouse位置问题将Jquery Draggable拖入iFrame

0 个答案: