代码之家  ›  专栏  ›  技术社区  ›  Richard Knop

一页两个可拖动和两个可拖放

  •  0
  • Richard Knop  · 技术社区  · 14 年前

    我有两组可拖动的元素和两组可拖动的元素。

    我想要的是第一组可拖动元素只能在第一组可拖动元素内可拖动。 第二组可拖动对象应仅在第二组可拖动对象内可拖动。

    代码段:

    // this can be dropped only inside .drop elements
    $('.drag').draggable({ revert: true });
    $('.drop').droppable({
        drop: function() {
            //          
       }
    });
    
    // this can be dropped only inside .drop2 elements
    $('.drag2').draggable({ revert: true });
    $('.drop2').droppable({
        drop: function() {
            //          
       }
    });
    

    因此,用户将无法使用.drag类将元素拖放到.drop2容器。

    1 回复  |  直到 14 年前
        1
  •  1
  •   Chinmayee G    14 年前

    This 是你想要的。

    使用 Accept 可拖放小部件的属性和 revert 属性来实现这一点。