сделать img перетаскиваемым в элементах td - PullRequest
Новая
       3

сделать img перетаскиваемым в элементах td

0 голосов
/ 02 октября 2011 
foreach($photos as $photo) {
        $lastChild = "";
        if( $count%3 == 0 && $count != 0 )
            echo "</tr><tr>";
        $count++;
        ?> <td>

                <a href="<?php echo ($photo['source'])?>" title="<?php echo      ($photo['name'])?>">   


                <img id="thumb" class="thumb" src="<?php echo ($photo['picture'])?>">
                </a></td>

Это скрипт для перетаскивания.Я сделал это, но он по-прежнему не работает, только первый, на который влияет цикл foreach? 

$thumb.draggable({
revert: "invalid", // when not dropped, the item will revert back to its initial position
helper: "clone",
    });

Я не могу установить перетаскивание для всех img src кроме первого img.1006 * кто-нибудь может помочь?

1 Ответ

0 голосов
/ 02 октября 2011

Используйте 

<img class="thumb" src="<?php echo ($photo['picture'])?>">

вместо 

<img id="thumb" class="thumb" src="<?php echo ($photo['picture']); ?>" />

в вашем PHP и 

$('.thumb').draggable({

вместо 

$thumb.draggable({

в вашем jQuery. Это должно это исправить.

Если по каким-либо причинам вам абсолютно необходимы идентификаторы на изображениях, сделайте их уникальными, например: 

<img id="thumb-<?php echo $count; ?>" class="thumb" src="<?php echo ($photo['picture'])?>">
...