2011-02-06 23 views
1

私はjQueryのtableDnDプラグインを使用して、ユーザーが並べ替えるための画像のリストを表示するテーブルからドラッグアンドドロップリストを作成しています。プラグインは、書式設定テーブルのタグにIDを使用してセルを再配置します。画像とテキストを含むjQueryドラッグ&ドロップのDIV選択

画像/コンテンツのない表のセル内の場所をドラッグしてクリックすると、正常に動作します。しかし、画像をクリックして(またはテキストを含むdiv内に)表のセルと一緒にドラッグ&ドロップしようとすると、テキスト/イメージが選択され、再配置スクリプトはトリガされません。 CSSやJavaScriptでselect関数をブロックすることもできませんでした。

例tableDnDコード:問題のテーブルからhttp://tablednd.googlecode.com/svn-history/r12/trunk/index.html

サンプル行:

 <table id='imagetable'><tr id='1'><td><img src='images/6/PICT0001.JPG' width='100' class='uploadedThumb'><div class='imgInfo' onselectstart='return false;' ondragstart='return false;'>images/6/PICT0001.JPG<br><a href='admin.php?do=deleteImg&id=6&img=images%2F6%2FPICT0001.JPG' style='font-size: 9px;'>[Delete Image]</a></div><input type='text' name='6' value='' size=2 DISABLED></td> 

</tr><tr id='2'><td><img src='images/6/PICT0006.JPG' width='100' class='uploadedThumb'><div class='imgInfo' onselectstart='return false;' ondragstart='return false;'>images/6/PICT0006.JPG<br><a href='admin.php?do=deleteImg&id=6&img=images%2F6%2FPICT0006.JPG' style='font-size: 9px;'>[Delete Image]</a></div><input type='text' name='6' value='' size=2 DISABLED></td> 
</tr> 

答えて

0

それははるかに優れ、より機能的だjQueryの使用DOMドラッグを使用しないでください。

このコードを追加します。

<script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex11/domdrag/dom-drag.js"></script> 
<script type="text/javascript"> 
Drag.init(document.getElementById("exampleid")); //sets the id to look for to make object draggable 
</script> 

申し訳ありませんが私は質問:(

を誤解しました
関連する問題