Question

我有一个容器元素可以拖动对象。我想要它，这样如果你将一个元素拖出容器（当鼠标穿过包含div的边框时）你要拖动的元素更改。我该如何安排？

$("#container img").draggable({
    helper: 'clone',
    zIndex: 100
});

一旦图像越过“#container”的边界，我应该能够更改图像源。

Answer 1

试试这段代码：

$(function() {
  $("#draggable").draggable();
  $("#droppable").droppable({ out: function() {
      $('#draggable').css('background-color', 'white');
    }, over: function() {
  $('#draggable').css('background-color', 'blue');
}
  });
});

这是我的HTML：

<div id="droppable" style="width: 200px; height: 200px; border: 1px solid red; background-color: green;">
<div id="draggable" style="width: 50px; height: 50px; border: 1px solid pink; background-color: blue;">

是否可以将HTML元素拖出另一个元素并使用jQuery触发更改？

1 个答案: