Php 将图像缩略图和相关文本传递到可拖放JQuery UI

我有一个php循环，它从数据库中获取产品。 每个产品都包含一个图像和文本

我使用jQueryUI使它们可以拖动。我在产品清单下面有两个盒子 第一个框（.dragMedia）是我放置产品的地方，第二个框（#sequenceContainer）是产品应显示其自身缩略图和文本的地方

我不知道如何传递图像和文本，使其显示在第二个框中。 我设法传递了文本，但当我添加“图像”时，它不起作用

PHP和HTML：

 foreach($images as $image) {
                    echo '<div class="businessProdContainer mediaToDrop">
                                <div class="mediaContainer">

                    <span class="mediaDesc">Ipsum lorem blah blah blah</span>
                    <a class="removeItem" href=""></a>
                        <img src="'.$image.'" width="160" height="140" alt="Media"/><br />
                        <div class="statisticsElements">
                            <span>Views</span>&nbsp;&nbsp;<span class="statsViews">1342</span>
                            <br>
                            <span>Likes</span>&nbsp;&nbsp;<span class="statsLikes">106</span>
                            <br>
                            <span><a href="demo-cart.php" >Product info</a></span>
                            <br>


                            <a class="campaignEditorBtn" href="#" id=""></a>
                            <a class="statisticsBtn" href="#" id=""></a>
                            <a class="mediaEditorBtn" href="#" id=""></a>

                        </div>
                        <br>
                                <p class="businessProdFooter">
                                    Submission date:  2013/10/29

                                    <br>
                                    Campaign end date:  12/12
                                    <br>


                                </p>
                        </div>

                    </div>';


                 }

foreach（$images作为$image）{
回声'
Ipsum lorem诸如此类诸如此类


视图1342


喜欢106







提交日期：2013/10/29


活动结束日期：12/12



';
}

Js:

var$count=0；
var$限额=5；
$（函数（）{
$（“.mediaToDrop”）.draggable({
取消：“a.ui-icon”，
回复：“无效”，
附：“身体”，
遏制：“文件”，
助手：“克隆”，
光标：“移动”
});
$（“.dragMedia”）.可拖放({
drop：函数（事件、用户界面）{
var src=$（event.target）.attr（“href”）；
$count++；
如果（$count==$limit）{
警报（“最多4个媒体项！”）；
$（此）.dropable（“禁用”）；
}否则{
$（本）
.addClass（“highlightDroped”）
.查找（“p”）
.html（$count+“添加视频”）；
$（“
”）.text（ui.draggable.text（））.appendTo（$（“#sequenceContainer”）；
}
}
});
});

任何帮助都将不胜感激

---

迈克

经过进一步的挖掘，我再也找不到丢失的东西了

   ui.draggable.find('img').attr('src');

动态创建一个image元素，并从拖动的元素传递src属性

   ui.draggable.find('img').attr('src');