jQuery的拖放div來改變另一個

-1

我需要做一拖從一個div降功能到另一個裏面的一些圖像的圖像。的問題是，我不會顯示我拖到每個不同元素的不同IMG。jQuery的拖放div來改變另一個

例如：我需要在圖像的div中拖動＃element1我使用.element1類顯示img，並且使用.element2類隱藏img。

<div id="element1"></div> 
<div id="element2"></div> 

<div id="images"> 
<img class="element1" src="1.jpg" /> 
<img class="element2" src="2.jpg" /> 
</div>

有可能嗎？我看到這個方法jQuery drag and drop colour div to change background of another但與背景圖像。

我在這裏累： http://jsfiddle.net/wolfovs/ab0566Lt/1/

有人能幫助我嗎？謝謝！

來源

2014-11-20 WolF

您應該包括jQuery和jQuery的UI庫在HTML頭部或接近標記之前

$("#images").droppable({ 
    drop: function(e, ui) { 
    if((ui.draggable.attr("id")) == 'element1'){ 
     $('.element2').hide(); 
     $('.element1').show(); 
    }else if((ui.draggable.attr("id")) == 'element2'){ 
     $('.element1').hide(); 
     $('.element2').show(); 
    } 
});

DEMO

來源

2014-11-20 22:27:10

嗨，你確定嗎？我嘗試過但不起作用。你可以做一個JF嗎？ – WolF 2014-11-20 22:41:36

看看我們在這裏不創建JF我們在這裏修改您解決您的問題。所以你可以用你的代碼中創建一個JF，我會幫你瞭解一下.. – 2014-11-20 22:46:22

是你的理由！並感謝您的幫助。它在這裏！ http://jsfiddle.net/wolfovs/ab0566Lt/1/ – WolF 2014-11-20 22:56:24

jQuery的拖放div來改變另一個

回答

相關問題