我的图像在旋转后可以拖动,但是当图像掉落时我无法第一次拖动图像。这是图像拖放的代码。“dhtmlgoodies_xpPane li .rotatable”我可以拖动此图像克隆并将其放在“working-”上区域”。我无法在放置后第一次拖动图像克隆。但克隆在旋转和调整大小后是可拖动的。这是我的问题......
$(document).ready(function(){
$('#dhtmlgoodies_xpPane li .rotatable').draggable({appendTo: "working-area", helper: "clone" });
$('#working-area .rotatable').live('click', function(event) {
test = test + 90;
$(this).rotate({ angle: test , appendTo: "#working-area"}).draggable();
});
$('#working-area .rotatable').live('mousemove', function(event) {
$(this).resizable({appendTo: "#working-area"}).parent().draggable();});
$( "#working-area" ).droppable({
activeClass: "ui-state-default",
hoverClass: "ui-state-hover",
accept: "#dhtmlgoodies_xpPane li .rotatable",
drop: function( event, ui ) {
*** $(this).append($(ui.helper).clone().draggable());}
}).mousemove(function(e){
var x = e.pageX - this.offsetLeft;
var y = e.pageY - this.offsetTop;
$('#status2').html("X = "+ x +', '+"Y = "+ y);
});
});
请给我一个解决方案。并引用一些代码...我正在使用jquery。语言是PHP。 * 该行负责放置后的拖动。 但当添加调整大小和旋转功能时,它将不起作用。
最佳答案
drop: 函数( 事件, ui ) { $(this).append($(ui.helper).clone().draggable());} })
关于jquery - 如何在放置后拖动图像克隆?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5163307/