我目前的jFiddle:http : //jsfiddle.net/3HauW/85/
当您在页面上移动它时,它会显示Bean 1(框1)的位置,但是我如何显示第二个框的位置?我希望它能够显示我单击的任何位置。
因此,如果我单击框1并将其移动,它将显示第一个框的X和Y
如果我舔了方框2并将其移动,它应该显示第二个方框的X,Y。
这是代码中显示X和Y位置的部分:
$( "*", document ).on('click',function( event ) {
var offset = $( "strong" ).offset();
topp = offset.top;
left = offset.left;
event.stopPropagation();
$( "#result" ).text( this.tagName +
" ( " + left + ", " + topp + " )" + offset.id );
}
另外,为什么ID未定义?
可拖动事件具有内置的Stop事件
因此使用它可能很有意义。
像这样的东西:
$('.normal, .failure').draggable({//drag
stop: function() {//on stop
var t = parseInt($(this).position().top),//get top
l = parseInt($(this).position().left);//get left
$( "#result" ).text( this.tagName+' ('+l+', '+t+') '+this.id);//print
}
});
开了个小提琴: http : //jsfiddle.net/filever10/8MVT9/
并且ID
未定义,因为$( "strong" ).offset().id
不正确,因此必须为$( "strong" ).prop('id')
或等效值。虽然strong
不具备ID
,所以它仍然是行不通的......你需要ID
的.normal
和.failure
为它做你想要的。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句