Question

所以我使用 this jquery plugin 来获得可转动牌。它们由具有类card的div创建，该类具有两个附加div，分别为front类back card-1。每张卡片都有不同的ID（card2，$(function(){ $(".card").flip({ axis: "y", reverse: "false", trigger: "click", speed: 700, front: 'autostrict', back: 'autostrict' }); });等），这些坐标有不同的x和y坐标，因为它们会稍微偏移，因此您可以看到下一张卡片的边缘。所以这个功能就是让这些卡片变得易于使用＆＃34;：

     var i = 1;
     var l = 10;
     var t = -238;
     var z = 2;
//nrFragen is gotten from a db, at the moment it equals 2

 while (i <= (nrFragen)) {

        var newDiv = document.createElement('div');
        var frontDiv = document.createElement('div');
        var backDiv  = document.createElement('div');
        newDiv.className = 'card';
        newDiv.id = 'card-' + i;
        newDiv.style.left = l + "px";
        newDiv.style.top = t + "px";
        newDiv.style.zIndex = z;
        frontDiv.className = 'front';
        backDiv.className = 'back';
        newDiv.appendChild(frontDiv);
        frontDiv.innerHTML = frontDiv.innerHTML + "Front";
        newDiv.appendChild(backDiv);
        backDiv.innerHTML = backDiv.innerHTML + "Back";
        document.getElementsByTagName('body')[0].appendChild(newDiv);

        i++;
        l += 10;
        t -= 10;
        z++;
}

对于循环，我得到了这个脚本：

.card {
    position: absolute;
    width: 400px;
    height: 248px;
 }

.front, .back {
    background-color: #F3ECE2;
    border: 5px blue solid;
    padding: 10px;
    border-radius: 25px;
}
    #card-0{
    left: 0px;
    top: 0px;
    z-index: 1;
}

这就是CSS：

card-0

已经设置了<div class="card" id="card-0"> <div class="front"> Kategorie 1 </div> <div class="back"> <a href="index.html"> Alle Kategorien</a> </div>

SomeEntity e = new SomeEntity();
e.setTier(em.getReference(Tier.class, 1));
em.persist(e);

如果我没有发生任何事情，那么我做错了什么？

为什么我不能用javascript在循环中创建div和appenidng div？

0 个答案: