2011-02-06 26 views
1

我使用jQuery tableDnD插件從表中拖出列表中顯示用戶重新排列的圖像列表。該插件使用格式表標記上的ID來重新排列單元格。jQuery拖放圖像和文本的DIV選擇

當我拖放特別點擊表格單元格內沒有圖像/內容的地方時,它工作正常。然而,當我用表格單元格點擊圖像(或者在包含文本的div內)並嘗試拖放時,文本/圖像被選中,重排腳本不會被觸發。使用CSS或JavaScript阻止選擇功能都無法工作 - 任何想法?

例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> 

對不起,我誤解了這個問題:(