是否有可能將HTML元素拖出另一個元素，並使用jQuery觸發更改？

我有一個容器元素，您可以拖動對象。我想要它，這樣如果您從容器中拖出一個元素（當鼠標穿過包含div的邊框時），您要拖動的元素將更改。我該如何安排？是否有可能將HTML元素拖出另一個元素，並使用jQuery觸發更改？

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

一旦圖像越過「#container」的邊界，我應該可以更改圖像源。

來源

2009-09-16 blackrobot

我正在draging的元素是「IMG」，一旦它越過一定行，我想改變' img'src屬性。 – blackrobot 2009-09-16 18:18:51

你是如何設置拖動行爲？ jQuery UI？任何示例代碼，你可以發佈？ – 2009-09-16 18:20:24

>發佈了示例代碼 – blackrobot 2009-09-16 18:24:25

試試這個代碼：

$(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;">

來源

2010-04-07 08:12:00 MDCore

是否有可能將HTML元素拖出另一個元素，並使用jQuery觸發更改？

回答

相關問題