はJQueryドロップ可能、（）

Question

私はリスト項目をドラッグ＆ドロップしていますしかし、私の問題は、以下のリンク

How to get the dropped item's id on drop event jquery

に似ています、それぞれに画像が含まれています。

リストアイテムが削除されると、 'id'属性を取得する必要があります。この属性は、データベースを更新するために 'submit'のphpに渡されます。

しかし、以下のコードは、「ID」属性をキャプチャしていないようですか、私は「SRC」をしようと、私は次のよう

正しく表示されない

$("#drop").text(id); to $("#drop").text("image has been dropped"); 

を改正してきた、「画像が削除されました」ドロップイベントが発生すると、問題はリストアイテム内の 'id'属性を取得することにあるようですか？私は、リスト項目の代わりに使用する '画像'というクラスを追加しようとしましたが、多くのことを試しましたが、違いはありません！

誰かが正しい方向に私を指すことができますように！

おかげ以下

は私のコードは

jQueryの

$（ドキュメント）.ready（関数（）{

$("#item-slider li").draggable({ 
     containment: 'document', 
     revert: true, 
     helper: "clone", 
     cursor: "move" 
    }); 


    $("#drop").droppable({ 
     accept: "#item-slider li", 
     drop: function (event, ui){ 
      var draggable = ui.draggable; 
      var id = draggable.attr("id"); 
      $("#drop").text(id); 
     } 
    }); 

}); 

Htmlの

<div id="item-slider"> 
<ul> 
    <li class='image'><img src="./images/jeans1.jpeg" id="jeans1.jpeg" /></li> 
    <li class='image'><img src="./images/top2.jpg" id="top2.jpg" /></li> 
    <li class='image'><img src="./images/top1.jpg" id="top1.jpg" /></li> 
    <li class='image'><img src="./images/shoes3.jpg" id="shoes3.jpg" /></li> 
    <li class='image'><img src="./images/dress1.jpg" id="dress1.jpg" /></li> 
</ul> 

<div id="drop"> 
</div> 
</div> 

Answer 1

です探している属性が<div>の要素ではなく、<img>の要素に属しています。あなたはfind()またはchildren()でこれらの要素を一致させることができます：

drop: function(event, ui) { 
    var id = ui.draggable.find("img").attr("id"); 
    $("#drop").text(id); 
}