Question

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>

这是draggable的脚本。我做过这个，但它仍然无法正常工作只有第一个 foreach循环会影响吗？

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

我无法将ui-draggable设置为除第一个img之外的所有img src。

任何人都可以提供帮助吗？

Answer 1

使用

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

而不是

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

在你的PHP和

中

$('.thumb').draggable({

而不是

$thumb.draggable({

在你的jQuery中。这应该解决它。

如果您出于任何原因绝对需要图片上的ID，请将它们设为如此：

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

使图像在td元素中可拖动

1 个答案: