我正在进行一项拖放实验,这是我的代码:
$('.box-title').live('mousedown click', function(e)
{
var self = $(this);
var Box = self.parent('#box');
if(e.type == 'mousedown')
{
$(window).mousemove(function(e)
{
Box.css({ cursor: 'move', top: e.pageY - 15, left: e.pageX - 125 });
});
}
else if(e.type == 'click')
{
Box.css({ cursor: 'default', top: e.pageY - 15, left: e.pageX - 125 });
}
});
在鼠标按下时,它应该通过移动鼠标来启动拖动效果,之后如果我想将方框停靠/放置在我想要的位置,我点击它应该停止移动,但如果我再次点击它,它不会停止移动 - 只会继续跟随我的鼠标。如何停止拖动?