使 img 在 td 元素中可拖动答案

【问题标题】：make img draggable in td elements使 img 在 td 元素中可拖动
【发布时间】：2011-10-02 18:26:02
【问题描述】：

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",
    });

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

有人可以帮忙吗？

【问题讨论】：

$('.thumb').draggable(); - 但是如果你正在寻找更具体的东西，我们需要你的代码..并且需要确切地知道什么不起作用 - 也许 js fiddle 会有所帮助
我已经添加了上面的jquery代码
理想情况下，您只想使用 id 一次。你在使用它们吗？如果没有，请抛弃它们并使用@Sam 上面所说的内容。
我正在使用 cakephp 框架。它在 .ctp 中验证了什么 html？

标签： php jquery foreach draggable

【解决方案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'])?>">

【讨论】：

stackoverflow.com/questions/7628095/… 有谁知道如何解决这个问题？