Question

我需要从div到另一个拖放功能，里面有一些图像。问题是我不会为我拖动的每个不同元素显示不同的img。

例如：我需要在图像中拖动＃element1的div我用.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/

有人可以帮帮我吗？谢谢！

Answer 1

你应该在你的html头中或者在关闭body标签之前包含jquery和jquery-ui库

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

jQuery拖放div来改变另一个中的图像

1 个答案: