jQueryでドラッグ&ドロップ

2020年11月28日jQuery

これは画期的

はじめに

「jQuery UI」というライブラリがあります。これを使えばドラッグ&ドロップも簡単に実装できるみたいですね。でも今回は使いません。特に理由はありません。自分でやってみたかったのです。

できたけど…

See the Pen
mdEvWjE by AtsushiNakata (@nakata999)
on CodePen.

何かヘンですね。半透明な分身みたいなのが出てきちゃったりして。ネットで色々調べたんですけど、どうやら「ブラウザ標準のドラッグ&ドロップ機能がドータラコータラ」みたいです。とにかくその機能をOFFにすればいいようです。で、できたのがコチラ。

See the Pen
eYzxxEw by AtsushiNakata (@nakata999)
on CodePen.

で、できた…！ポイントはココ。

<img class="man" src="https://～" draggable="false"/>

imgタグの"draggable"属性をfalseにしてあげるとうまくいきました。苦労したので完成した時の達成感はありましたが、こんなのいつ使うんでしょうか。しかもスマホだと動かない。どうもありがとうございました。

おしゃれ度

★☆☆☆☆

Posted by ナカタ