javascript - CSS - 翻转图像

Question

我正在尝试翻转使用 jquery 拖动的图像当我将图像拖到新的 div 时，它会创建一个类。我使用 ui.helper.addClass("gemaakt"); ，它工作正常!问题是，我的 CSS 脚本正在翻转图像等......但由于某种原因不是类？由于我拖动这些图像，它会将它们放入一个类中

很难解释，所以我决定将其发布在 JSfiddle 上，以便您可以看到它，

http://jsfiddle.net/qbvzwsg2/ http://jsfiddle.net/qbvzwsg2/2/ <- 更新版本

如您所见，翻转(位于底部，工作正常)当点击图像时，它翻转完美，没有问题。

但是现在，将一张卡片拖到框中，然后单击该图像..什么也没发生:(

<div class="flip-container">
    <div class="flipper" onclick="this.classList.toggle('flipped')">
        <div class="front">
            <div class="ui-draggable gemaakt dropped"> </div>
        </div>
        <div class="back">
            <img src="./img/test.jpg">
        </div>
    </div>
</div>

由于某种原因，它无法翻转类(class)

帮助某人？ :D

Answer 1

您忘记将翻转容器翻转类添加到 html 中的图像元素中。

DEMO

我没有时间把它变得漂亮:P