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>