【问题标题】:jQuery Droppable photo manager with clone to trash rather than move to trash option带有克隆到垃圾箱而不是移动到垃圾箱选项的 jQuery Droppable 照片管理器
【发布时间】:2013-04-14 21:49:53
【问题描述】:

能否请您指导我修改可放置照片管理器示例的正确路径?我想将图像从图库部分克隆到垃圾箱,而不是将图像从图库移动到垃圾箱。它现在正在执行剪切和粘贴。我想要的是复制和粘贴。我正在使用 jQueryUI 1.10.2

http://jqueryui.com/droppable/#photo-manager

jQuery UI(购物车)几乎具有此功能,但没有 DELETE 和 RECYCLE 选项。

http://jqueryui.com/droppable/#shopping-cart

【问题讨论】:

    标签: jquery-ui jquery-ui-draggable jquery-ui-droppable


    【解决方案1】:

    更改deleteImage 代码以不移动可放置元素,而是克隆它并将其移至“垃圾箱”,但我猜您需要将其命名为deleteImage 以外的其他名称

    function deleteImage( $item ) {
        var $list = $( "ul", $trash ).length ?
          $( "ul", $trash ) :
          $( "<ul class='gallery ui-helper-reset'/>" ).appendTo( $trash ),
          $clone = $item.clone();
    
        $clone.find( "a.ui-icon-trash" ).remove();
        $clone.append( recycle_icon ).hide().appendTo( $list ).fadeIn(function() {
          $clone
            .animate({ width: "48px" })
            .find( "img" )
              .animate({ height: "36px" });
        });
    }
    

    【讨论】:

    • 感谢您的回复,它按我想要的方式工作:) 当然,在这种情况下,函数名称会改变,无论如何当我点击(回收图像)时,它会显示(页面未找到),而不是删除我单击其回收选项的图像:(
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多