この簡単なコードがあります:
$( "#draggable" ).draggable({
handle: ".dragableHandler",
drag: function(e, ui) {}
});
クラスが.dragableHandlerで、IDがそれぞれ異なる4つの画像があります。内部ドラッグ関数はどのようにして現在のハンドル(画像の1つ)IDを見つけますか?ドラッグ可能な要素情報しか見つかりません。
OK、ドラッグ可能な関数 (停止、ドラッグ、開始など) 内からハンドル要素 ID を見つける方法を見つけました。次を使用する必要があります。
$( "#draggable" ).draggable({
handle: ".dragableHandler",
start: function(e, ui) {
alert(e.originalEvent.target.id);
}
});
srcElement
イベントのからアクセスできます。
drag: function(e, ui) {
var id = e.srcElement.id;
// do what you need...
}