diff --git a/demos/draggable/index.html b/demos/draggable/index.html index 29ad59f81..04d4efde2 100644 --- a/demos/draggable/index.html +++ b/demos/draggable/index.html @@ -20,6 +20,8 @@
  • Opacity
  • Revert
  • Scroll
    • +
  • Snap
    • +
  • Z-Index / Stack
    • diff --git a/demos/draggable/snap.html b/demos/draggable/snap.html new file mode 100644 index 000000000..af2b5121e --- /dev/null +++ b/demos/draggable/snap.html @@ -0,0 +1,57 @@ + + + + jQuery UI Draggable - Snap + + + + + + + + + + +
    +

    I'm a snap target

    +
    + +
    + +
    +

    Default (snap: true), snaps to all other draggable elements

    +
    + +
    +

    I only snap to the orange box

    +
    + +
    +

    I only snap to the outer edges of the orange box

    +
    + +
    +

    I only snap to the inner edges of the orange box

    +
    + +
    +

    I also snap to the orange box but I'm very sticky because I have a high snapTolerance

    +
    + + + + + + + diff --git a/demos/draggable/zindexstack.html b/demos/draggable/zindexstack.html new file mode 100644 index 000000000..8f9dbb8a6 --- /dev/null +++ b/demos/draggable/zindexstack.html @@ -0,0 +1,42 @@ + + + + jQuery UI Draggable - Z-Index / Stack + + + + + + + + + + +
    +

    I always have a higher z-index than my siblings during drag

    +
    + +
    +
    +

    We are draggables..

    +
    + +
    +

    ..whose z-indexes are controlled automatically..

    +
    + +
    +

    ..with the stack option.

    +
    +
    + + +