jquery - 如何使用 hover droppable 函数获取元素的 id

Question

如何通过hover Droppable函数获取元素的ID？

我想让拖放 id 悬停在缩进图标上。谁能帮我解决这个问题？

$("ul li").droppable({

	over: function(event, ui) {

		var drag_id = ui.draggable.attr('id');

		$("#"+drag_id).css({
			"background":"#fff","border-top":"1px solid #333","border-bottom":"1px solid #333"
		});
	},
	drop: function(event, ui) {

		var drag_id = ui.draggable.attr('id');
		var target_id = event.target.id;  
		
		$("#"+drag_id).css({
			"background":"#fff","border-top":"1px solid #333","border-bottom":"1px solid #333"
		});
		setInterval(function(){
			$("#"+drag_id).css({
				"border-top":"","border-bottom":""
			});
		}, 2000);
		var from_pos = drag_id;
		var to_pos = target_id;
		changepositions(from_pos,to_pos);
		// existing stuff 
	}
});

Answer 1

如果您查看 over它有一个 event 参数，你可以从中得到它的 target 然后它 id 像这样

    over: function(event, ui) {

      var drop_id = event.target.id; //<-- 5
      alert(drop_id);

      var drag_id = ui.draggable.attr('id');
      alert(drop_id);                //<-- 6

      //other stuff
    },

编辑:由 OP 添加

谢谢我用了这个

$(".indent").droppable({

        drop: function(event, ui) {

            console.log($(this), ui.draggable);

            $(this).append(ui.draggable);

            var target_id = event.target.id; //<--5
            alert(target_id);

            var drag_id = ui.draggable.attr('id');
            alert(drop_id);                //<-- 6

        },
        hoverClass: 'drop-area',
        greedy: true,
        tolerance: "pointer"
    });