Question

I use the j Query pluins .event.drag and

见 http:// threedubmedia.com/code/event/drag/demo/contain”rel=“nofollow noreferer”>demo。 (一个参照问题不是限制集装箱的移动)

Is it possible to prevent dropping of a drag element on the top of another element? but it can be dragged over the other.

Answer 1

虽然你可以完成你对这次活动的期望。 drag/drop script it is also accessible using jquery ui - draggable/droppable.

如果符合你的标准(或相反):

$( #drag1 ).drop("init",function(){
            if ( $( this ).is( #badDiv ) ) 
                return false;
        })

这里是“jquery ui”版本,它有一个建筑,接受(......)可逆功能中的选择——它还接受选择。以上例子相反。以上将允许你在任何地方行动,但不要错失。

文字:

$("#drag1, #drag2").draggable({
          revert:    invalid 
 });
$("#drop").droppable({
    accept:  #drag1 ,
    drop: function(event, ui) {
          // whatever happens on drop
    }
});

html:

<div id="drop" style="width:300px;height:300px;background:blue"></div>
<div id="drag1" style="width:50px;height:50px;background:green"></div>
<div id="drag2" style="width:50px;height:50px;background:yellow"></div>

这造成了一片大面积可 drop的面积,但只能接受可观的 d1。看到这种结果,你也需要选择重任。我将此案件定为无效,这样,如果退款无效,则该可逃到原岗位。

我不敢肯定你的确切应用,但也许这将给你指明你重新努力完成的工作的方向。

我认为,这种表格使用类似的套件,但更多的是配电机和调整表。

Answer 2

你们可以以这种方式指派一名有效的退款目标选择人。

$( .drag ).drag(function( event, dd ){
     // move the dragged element
},{ drop: #drop1  }); // assign drop selector

你们还可以遣返一些“false”的退学事件处理者。

$( .drop ).bind( dropinit drop ,function( event, dd ){
    if ( $( dd.drag ).is( #drag1 ) )
        return false;
});

友情链接