jQueryUIでドラッグアンドドロップする

求人

jQuery UIでサムネイル画像をドラッグアンドドロップして大きく表示します。

まずjqueryとjquery-ui.min.jsをプリロードします。

body部分にはサムネイル画像が3つと、大きく表示する部分が一つです。

droppable内でドロップした時のイベントをdrop:~に記述することにより、画像を表示することができます。

DEMO

但し、これではドラッグしたサムネイル画像がドラッグした位置に移動してしまいます。

これを回避するには要素を移動せずに複製を移動するhelper:cloneオプションを指定します。

これでドラッグアンドドロップすることにより画像が差し替えられるようになります。

DEMO

jquery.uiの詳細はこちらをどうぞ。

関西で140-170/80~120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
Python3.6,Djangoを勉強中です,Javaは少し飽きてしまってます–;
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくは、我に七難八苦を与えたまえ」です^^

スポンサーリンク
  • このエントリーをはてなブックマークに追加
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA