拖放重置按钮

时间:2016-05-31 07:34:55

标签: javascript jquery

我是jquery的新手我希望有一个重置按钮,可以将我的droppable重置回原来的位置..但我不知道如何开始...每当重置按钮按下图标全部将恢复原来的位置。

的jsfiddle

https://jsfiddle.net/xInfinityMing/tsc0no9g/

爪哇:

$(function() {
$("#dragIcons img").draggable({
revert: "invalid",
refreshPositions: true,
drag: function(event, ui) {
 ui.helper.removeClass("end-draggable");
 ui.helper.addClass("draggable");
},
stop: function(event, ui) {
 ui.helper.addClass("end-draggable");
 ui.helper.removeClass("draggable");
}
});
$("#briefcase-full").droppable({
over: function(event, ui) {
$(this).parent().css('background-image', 'url("http://icons.iconarchive.com/icons/dtafalonso/yosemite-flat/512/Folder-icon.png")');
  },
out: function(event, ui) {
  $(this).parent().css('background-image', 'url("https://cdn0.iconfinder.com/data/icons/snow_sabre_silver/512/folder_web_upload.png")');
  },
drop: function(event, ui) {
  $(this).parent().css('background-image','url("http://icons.iconarchive.com/icons/dtafalonso/yosemite-flat/512/Folder-icon.png")');
  if ($("#briefcase").length == 0) {
    $("#briefcase-droppable").html("");
  }
    ui.draggable.addClass("dropped");
    $("#briefcase-droppable").append(ui.draggable);
  }
  });
});

0 个答案:

没有答案