5

私のコードは以下です：

コンテンツ div のスパン要素に li アイテムをドロップすると、スパン タグの ID をどのように取得したいですか?

jsfiddle リンク

<ul class="secd_line_icon" id="secd_line_icon" >
    <li id="products">
        <img id="productid_1" class="product" src="https://si0.twimg.com/profile_images/1888289249/heart_sm_normal.jpg" />
    </li>
</ul>


<ul id="bookmark_icon" class="droppable" style="height: 100px;">

</ul>

<div id="content" >
    <span id="s1">I have two hearts 
Heart is pulsating with blood <span>

<span id="s2"> And heart is pulsating with love 
        </span>
</div>

<script>
    $("#content").droppable({
        accept: '#secd_line_icon li',
        drop: function(event, ui) {

            $("#bookmark_icon").append($(ui.draggable).clone());
            $("#content_area .product").addClass("item");
            $(".item").removeClass("ui-draggable product");
            $(".item").draggable({
                containment: 'parent',
                grid: [150,150]
            });
        }
    });
    $("#secd_line_icon li").draggable({
        helper: 'clone'
    });

</script>
4

1 に答える 1

4

をチェックインすることで、ドロップを受ける要素を確認できevent.targetますdrop event。

event および ui パラメータには、ドラッグ アンド ドロップ要素に関する情報が含まれています。

ドロップを受け取る要素の ID を取得するには、次のようにします。$(event.target).attr('id')

ここに実用的なフィドルがあります：http://jsfiddle.net/IrvinDominin/Pf4P9/1/

于 2013-06-08T12:46:10.503 に答える