「jQuery UI」カテゴリーアーカイブ

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 指定もできる。 続きを読む →

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックス。グリッド（格子）に沿って移動できるようにするには、grid オプションを使う。grid オプションで指定した大きさのグリッド（格子）にスナップ（吸着）させることができる。 続きを読む →

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックス。垂直方向（上下）だけ移動できるようにするには、axis オプションに、y を指定する。 続きを読む →