D&D の処理をしてみる。Jquery素敵すぎる！！

but ちょっとハマったのでメモ。

draggable で helper: ‘clone’ を使った時に、その要素にwidth　指定していないと、

ドラッグ中に幅が変わってしまい、ドロップしたときにマウスカーソルが外れて、

ターゲットidが補足出来なくなってしまう。

というか、全く想定外の要素がドロップされてことになったりして、致命的。

わ、、、わかりにくい・・・ええか自分メモ。

開発はfxで行い、ＩＥで動作確認を行う。

div#up > img#upBtn  が上にスクロールするボタンだとする。

で、div#upにイベントひっつけてクリック、ドラッグしたらスクロールするようにしてた。

Fxだと、特に問題なかったものの、

ふとIEでやってみると、 マウスカーソルが Ｉ ビームになってうまくドラッグできない。

img#upBtn に直接イベントひっつければ解消。まぁ当然やけど、普通はこうするか・・・思いつきで機能増やすと危ないなぁ。

今日も支離滅裂。

$( “#upBtn”).mousedown(function(){
scroll(-scrollDis);
});
$( “#upBtn” ).bind( ‘dragstart’, function( event ){
scroll(-scrollDis);
});
$( “#upBtn”).bind( ‘drag’, function( event ){
scroll(-scrollDis);
});
$( “#upBtn”).bind( ‘dragend’, function( event ){
});

<form>　　</form>

で囲われていないフォーム部品の値を

$(“#hogehoge”).val() で取得しようとすると、IE7だエラーが出る。Fxはだいじょうぶだ。

チョイハマり。

$.getJSONを使おう

but! JSON取得すると、非同期で取得しにいくため、別で走ってるところでデータ使おうとするとエラーになる。

タイムアウト設定しても、サーバの応答次第ではエラーになる可能性があるなぁ。

というか、現にエラーが出たり出なかったり。かといってコールバックに全部詰め込むのも厳しいなぁ。

これは・・・もう一回ロジックを考え直せというアレですかね。アレ。