Jquery 拖放到对话框中
我正在努力使这项工作成功！我在一个div中有一个图像列表，可以拖动。我还有一个对话框，当拖动开始时会被触发（打开）。由于某些原因，我无法进入此对话框。除了在对话框中，我可以在页面上的其他任何地方放置。这是我的密码：Jquery 拖放到对话框中,jquery,drag-and-drop,modal-dialog,Jquery,Drag And Drop,Modal Dialog,我正在努力使这项工作成功！我在一个div中有一个图像列表，可以拖动。我还有一个对话框，当拖动开始时会被触发（打开）。由于某些原因，我无法进入此对话框。除了在对话框中，我可以在页面上的其他任何地方放置。这是我的密码： $(document).ready(function(){ // Executed once all the page elements are loaded //setup new person dialog // Change overl
$(document).ready(function(){
// Executed once all the page elements are loaded
//setup new person dialog
// Change overlay color and opacity
$('#sample').dialog({
//dialog options
autoOpen: false,
draggable: false,
modal: false,
show: 'explode',
closeOnEscape: true,
position: 'top',
minHeight: '400',
minWidth: '600',
width: 750,
title: "Some title",
open: function(type, data) {
$(this).parent().appendTo("form");
}
});
$(".random-img").draggable(
{
cursor: "move",
helper: "clone",
opacity: "0.5",
zIndex: "2700",
containment: "document",
handle: ".random-img", // makes toolbar the dragable part
drag: function(ev, ui) {
$('#sample').dialog("open");
}
}
);
$("#sample").droppable(
{
accept: ".random-img",
tolerance: "touch",
drop: function(ev, ui)
{
var droppedItem = ui.draggable.clone().addClass('sclass');
$(this).append(droppedItem);
}
}
);
});
</script>
<html>
<head> Page test </head>
<body>
<div class="random-img">
<img src="images/someimage.jpg" />
</div>
<div id='sample'>
</div>
</body>
</html>
$（文档）.ready（函数（）{
//加载所有页面元素后执行
//设置新人对话框
//更改覆盖颜色和不透明度
$（“#示例”）。对话框({
//对话框选项
自动打开：错误，
可拖动：错误，
莫代尔：错，
表演：“爆炸”，
closeOnEscape：没错，
位置：'顶部'，
最小高度：“400”，
最小宽度：“600”，
宽度：750，
标题：“一些标题”，
打开：功能（类型、数据）{
$（this.parent（）.appendTo（“form”）；
}
});
$（“.random img”）.draggable(
{
光标：“移动”，
助手：“克隆”，
不透明度：“0.5”，
zIndex：“2700”，
遏制：“文件”，
句柄：“.random img”，//使工具栏成为可拖动部分
拖动：功能（ev、ui）{
$（“#示例”）。对话框（“打开”）；
}
}
);
$（“#样本”）。可拖放(
{
接受：“.random img”，
宽容：“触摸”，
下拉：功能（ev、ui）
{
var droppedItem=ui.draggable.clone（）.addClass（'sclass'）；
$（this）.append（droppedItem）；
}
}
);
});
页面测试
谢谢，我终于拿到了！经过一个又一个小时的尝试，这是有效的。我将对话框打开方法从draggable:drag移动到draggable:start。然后，我开始得到这样的错误：draggable方法上的helper为null，或者不是firefox工具->错误控制台上的对象 我诅咒了萤火虫，现在它工作得很好 谢谢你的帮助！
普拉文我终于拿到了！经过一个又一个小时的尝试，这是有效的。我将对话框打开方法从draggable:drag移动到draggable:start。然后，我开始得到这样的错误：draggable方法上的helper为null，或者不是firefox工具->错误控制台上的对象 我诅咒了萤火虫，现在它工作得很好 谢谢你的帮助！
Praveen它的
$（ui.draggable）.clone（）.addClass（'sclass'）$（ui.draggable）.clone（）.addClass（'sclass'）