Twitter Bootstrap モーダルフォーム: ドラッグアンドドロップする方法は? 質問する

Twitter Bootstrap モーダルフォーム: ドラッグアンドドロップする方法は? 質問する

Bootstrap 2 によって提供されるモーダル フォームを (グレー表示の背景上でドラッグ アンド ドロップして) 移動できるようにしたいと思います。これを実現するためのベスト プラクティスを教えていただけますか?

ベストアンサー1

ブートストラップにはデフォルトでドラッグアンドドロップ機能は付いていませんが、jQuery UIのスパイスを少し加えることで、望む効果を得ることができます。たとえば、draggableフレームワークからの操作では、モーダル ID をターゲットにして、モーダルの背景内でドラッグできるようにすることができます。

これを試して:

JS

$("#myModal").draggable({
    handle: ".modal-header"
});

デモ、 編集ここ

アップデート:bootstrap3 デモ

おすすめ記事