Question

当元素在iframe上快速拖动时，元素会丢失拖动...

示例：http://jsfiddle.net/pedrodsa/m9kveakv/1/

<h3>Pick a number on the SIDE MENU and drag t inside the iframe. Then make a fast drag (in order the mouse goes out the number div area)</h3>

<div class="container">
    <div class="side-menu">
        SIDE MENU
        <ul id="draggable">
          <li class="ui-state-default">1</li>
          <li class="ui-state-default">2</li>
          <li class="ui-state-default">3</li>
          <li class="ui-state-default">4</li>
          <li class="ui-state-default">5</li>
        </ul>
    </div>
    <div class="content">

        <iframe src="http://www.w3schools.com"></iframe>

    </div>

</div>

Answer 1

$( "#draggable li" ).draggable({
     revert: true,
     iframeFix: true

 });

试试这个...这是有效的....

Answer 2

检查它，事情就是拖动工作只要鼠标指针停留在数字上，一旦鼠标指针失去数字的焦点，数字就会失去阻力。你需要找到一种方法让鼠标指针集中在数字上，否则即使它们失去焦点也能使数字拖动。

jquery ui拖过iframe失去了阻力

2 个答案: