Менеджер фотографий jQuery Droppable с возможностью клонирования в корзину вместо перемещения в корзину

Не могли бы вы указать мне правильный путь в изменении примера сбрасываемого менеджера фотографий? Я хочу клонировать изображение из раздела «Галерея» в корзину вместо перемещения изображения из галереи в корзину. Сейчас он выполняет вырезание и вставку. Я хочу скопировать и вставить. Я использую jQueryUI 1.10.2.

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

Пользовательский интерфейс jQuery (корзина) имеет почти такую ​​же функциональность, но не имеет параметров DELETE и RECYCLE.

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


jquery-ui jquery-ui-draggable jquery-ui-droppable
person Zee U    schedule 14.04.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Измените код 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" });
    });
}
person tvanfosson    schedule 14.04.2013
comment
Спасибо за ответ, это работает так, как я хочу :) И, конечно, имя функции будет изменено для этого случая, как бы то ни было. Когда я нажимаю (Переработать изображение), оно показывает (Страница не найдена), вместо удаления изображения, которое я нажимаю в опции Recycle :( - person Zee U; 14.04.2013