swapping two flip animated divs

Question

Hi i have two divs(lets say div1 and div2) one with flip animation on hover and the other div flips on toggle click. Now my basic idea is to swap two divs on drag and drop. i tried with the javascript below with this JS everything is working well except that my swapped divs are no more animating on hover and flip. and i also inspected the elements in chrome the swapped divs are mismatching with the original divs but the swapped divs are not animating.

thanks in anticipation.

> function allowDrop(ev) {
    ev.preventDefault();
}

function drag(ev) {
    ev.dataTransfer.setData("text", ev.target.id);
}
function drop(ev) {
    ev.preventDefault();
    var drp=ev.currentTarget.id;
    var drag=ev.dataTransfer.getData("text");
    var drp1=document.getElementById(drp);
    var drag1=document.getElementById(drag);
    var drp2=drp1.innerHTML;


    drp1.innerHTML=drag1.innerHTML;
    drag1.innerHTML=drp2;
}

Possible duplicate of [Jquery adding event listeners to dynamically added elements](http://stackoverflow.com/questions/12065329/jquery-adding-event-listeners-to-dynamically-added-elements) — Heretic Monkey, Oct 13 '15 at 20:05

score 0 · Answer 1 · edited May 23 '17 at 12:29

0

Thank god..!!

finally i found a solution for the above problem.

Jquery adding event listeners to dynamically added elements

edited May 23 '17 at 12:29

Community

1
1

answered Oct 13 '15 at 19:42

user2207238

1
1

swapping two flip animated divs

1 Answers1