JQuery перетаскивание DIV выбор с изображениями и текстом - PullRequest
Новая
       15

JQuery перетаскивание DIV выбор с изображениями и текстом

1 голос
/ 06 февраля 2011

Я использую плагин jQuery tableDnD для создания списка перетаскивания из таблицы, отображающей список изображений, которые пользователь может переставить.Плагин использует идентификатор тега таблицы форматирования для перестановки ячеек.

Когда я перетаскиваю указатель мыши, щелкая конкретное место внутри ячейки таблицы без изображений / содержимого, он работает нормально.Однако, когда я нажимаю на изображение (или внутри элемента 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>

1 Ответ

0 голосов
/ 11 марта 2011

Не используйте jQuery, используйте dom-drag, это намного лучше и функциональнее.

Добавьте этот код: 

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

Извините, я неправильно понял вопрос: (

...