「Draggable」カテゴリーアーカイブ

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックスにおける、ボックス移動中のスクロール可否設定。ウィンドウや親要素を、スクロールさせたくない場合、scroll オプションに false を指定。スクロールさせたい場合、scroll オプションに true を指定。 続きを読む →

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックスにおいて、移動中のボックスを半透明にする方法。移動中のボックスを半透明にするには、opacity オプションを使う。 続きを読む →

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックスにおいて、移動用クローン（複製）を出現させる方法。クローンを出現させるには、helper オプションに、clone を指定する。 続きを読む →

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックスにおいて、ドラッグを放すと元の位置に戻るようにする方法。ドラッグを放すと元の位置に戻るようにするには、revert オプションに、true を指定する。 続きを読む →

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックスにおいて、ドラッグできる要素を指定する方法。ドラッグできる要素を指定するには、handle オプションを使う。 続きを読む →

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックス。特定の要素にスナップ（吸着）させたいときは、snap オプションを使う。同時に、snapTolerance オプションを使うと、スナップする距離を指定できる。 続きを読む →

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックス。特定の要素にスナップ（吸着）させたいときは、snap オプションを使う。同時に、snapMode オプションを使うと、内側だけにスナップ、外側だけにスナップ、内外両方にスナップを、指定できる。 続きを読む →

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックス。特定の要素にスナップ（吸着）させたいときは、snap オプションを使う。 続きを読む →

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックスの、移動範囲を設定する方法。親要素内だけ移動できるようにするには、containment オプションに、parent を指定。「#jquery-ui-draggable-wrap」のように特定の要素の id 指定もできる。 続きを読む →