jQuery json格式

Question

为什么这不起作用？

var data = {"one": [ 
    {"slot1":true, "app":"facebook"}, 
    {"slot2":true, "app2": "facebook"} 
]}; 

$(data.one).each(function() { 
    if(this.slot1==true){ 
     $('#dropable').find('.1_1').append('<img src="img/apps/' + this.app1 + '.png" alt="' + this.app1 + '">'); 
    } 
    if(this.slot2==true){ 
     $('#dropable').find('.1_2').append('<img src="img/apps/' + this.app2 + '.png" alt="' + this.app2 + '">'); 
    } 
}); 

我#dropable：

<div id="dropable" class="drag"><div class="app 1_1"></div></div> 
<div id="dropable" class="drag"><div class="app 1_2"></div></div> 

Answer 1

你有两个div用相同的ID。尝试将'#dropable'更改为'.drag'。

Answer 2

此代码有多个问题。

第一个$().each用于DOM元素，不适用于您自己的数组/对象。你想要$.each。其次，this.app1不存在于您的对象中，您有app和app2。

最后，也是最重要的是，您有2个ID为dropable。你不能那样做。 ID应该是唯一的。使用类而不是ID。

<div class="drag"><div class="app 1_1"></div></div> 
<div class="drag"><div class="app 1_2"></div></div> 

然后再去做这样的：

var data = {"one": [ 
    {"slot1":true, "app1":"facebook"}, 
    {"slot2":true, "app2":"facebook"} 
]}; 

$.each(data.one,function() { 
    if(this.slot1==true){ 
     $('.drag').find('.1_1').append('<img src="img/apps/' + this.app1 + '.png" alt="' + this.app1 + '">'); 
    } 
    if(this.slot2==true){ 
     $('.drag').find('.1_2').append('<img src="img/apps/' + this.app2 + '.png" alt="' + this.app2 + '">'); 
    } 
});