首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jquery-ui-droppable不能区分两种可拖拽的div吗?

jquery-ui-droppable不能区分两种可拖拽的div吗?
EN

Stack Overflow用户
提问于 2012-02-22 13:54:18
回答 1查看 193关注 0票数 0

我在Jqueryui Droppable.Sorry上有一个问题,我的英语很差。问题是,现在div c可以接受div a和div b作为副本,div b可以接受Shear.How,我希望div c可以接受div a和div b作为副本,div b作为Shear.How,我能得到这个吗?

EN

回答 1

Stack Overflow用户

发布于 2012-02-22 14:10:58

Its (英语)是一个常见的问题;)

您可以为可拖动对象设置类,然后在拖放事件时匹配上下文。

代码语言:javascript
复制
$(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
                }
        }
    });
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9389766

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档