基本、スクリプト言語が嫌いですが、久しぶりに、ajax をやっております
お仕事なのでね、それに向けて軽くお勉強・・・

ほんでもって、jquery と、jquery-ui を使用して、画像をドラックアンドドロップするという内容で、
色々調べていたけど・・・・なかなか

いろんなサイトの代表的なサンプルだと

<img src="画像ファイル" name="hanae" id="draggable1"class="draggable ui-widget-content">

$('#draggable1').draggable({
　　　　　処理・・・・
});

あっ、動かせた！ってレベルのサンプルが多く、
これだと、id ごとにファンクションが必要で、とても実用的とはいえないのですが・・・


で、スクリプト言語が嫌いな私は、

<img src="画像ファイル" name="hanae" id="draggable1"class="draggable ui-widget-content">
<img src="画像ファイル" name="hanae" id="draggable1"class="draggable ui-widget-content">
<img src="画像ファイル" name="hanae" id="draggable2"class="destroy ui-draggable-disabled">

$('img').draggable({
　　　　　処理 ・・・・・
});

$('#draggable2').draggable('destroy');

と楽チン記述　（この記述にたどり着くまで、えらい時間がかかったけど・・・）

$('img').draggable　だと、全ての画像を動かすことが可能なので、
動かしたくない画像もあるという想定で、$('#draggable2').draggable('destroy'); 　と記述

class のdestroy ui-draggable-disabledは指定してもしなくても、変わらなかった・・・・
まっ、いいか

あくまでも手抜きな記述なので、ちゃんとした書き方をしっている人がいたら、アドバイスをお願いします

[0回]