Javascript jquery ui可下拉式can';不能区分两种可拖动的div吗?
我在Jqueryui DROPABLE有个问题。对不起,我的英语很差。 评估结果如下: 现在,我有3个div,div a,div b和div c。我使div a和div b可拖动,div c可拖放。div c可以接受div a和div c。 问题是,现在c组可以将a组和b组作为副本,或者c组可以将a组和b组作为剪切。我希望c组可以将a组作为副本,b组作为剪切。我如何才能得到这一点?这是一个常见的问题;) 您可以为可拖动对象设置类,然后稍后在drop事件中匹配上下文Javascript jquery ui可下拉式can';不能区分两种可拖动的div吗?,javascript,jquery,jquery-ui,jquery-ui-draggable,jquery-ui-droppable,Javascript,Jquery,Jquery Ui,Jquery Ui Draggable,Jquery Ui Droppable,我在Jqueryui DROPABLE有个问题。对不起,我的英语很差。 评估结果如下: 现在,我有3个div,div a,div b和div c。我使div a和div b可拖动,div c可拖放。div c可以接受div a和div c。 问题是,现在c组可以将a组和b组作为副本,或者c组可以将a组和b组作为剪切。我希望c组可以将a组作为副本,b组作为剪切。我如何才能得到这一点?这是一个常见的问题;) 您可以为可拖动对象设置类,然后稍后在drop事件中匹配上下文 $(function() {
$(function() {
$( "#diva" ).draggable(
drag: function(event, $ui) {
$ui.addClass('copy');
},
stop: function(event, $ui) {
$ui.removeClass('copy');
}
);
$( "#divb" ).draggable(
drag: function(event, $ui) {
$ui.addClass('shear');
},
stop: function(event, $ui) {
$ui.removeClass('shear');
}
);
$( "#divc" ).droppable({
drop: function( event, $ui ) {
// you can access the dragglable html by this
// and then can append it to anywhere, its like making its copy
var html = $ui.draggable.html();
if ($ui.draggable.hasClass('shear')) {
// destroy #divb here so that it looks like shear
}
}
});
});