-1

我正在制作一个图像流滑块。如果我是硬编码，它工作正常。现在我使用 JSON 文件来指定如何从画廊加载图像。图像已成功加载，但我的外部 CSS 文件和 jquery 未正确加载。

任何帮助，将不胜感激。

<script>
      $(function(){
          var image= [{
    "src": "images/starting.jpg",
           "data-artist":"Gorillaz",
       "data-album":"Plastic Beach"
             },];

         $.each(image, function(){
       $('<img src="' + this.src+ '"  />').appendTo('#coverflow'); 
        });
   });

如果我在写这个，

    <div class="wrapper">
        <div id="coverflow">
            <img src="img/gorillaz-plasticbeach.jpg" data-artist="Gorillaz" data-album="Plastic Beach"/>-->
            <!--<img src="images/thumb1.jpg" data-artist="Kings Of Leon" data-album="Come Around Sunshine"/>
            <img src="images/thumb2.jpg" data-artist="Kid Rock" data-album="Born Free"/>        
            <img src="images/thumb3.jpg" data-artist="Eminem" data-album="Recovery"/>
            <img src="images/thumb4.jpg" data-artist="Lil Wayne" data-album="I Am Not A Human Being"/>
            <img src="images/thumb5.jpg" data-artist="Taylor Swift" data-album="Speak Now"/>
            <img src="images/thumb6.jpg" data-artist="The Band Perry" data-album="The Band Perry"/>
            <img src="images/thumb7.jpg" data-artist="Maroon 5" data-album="Hands All Over"/>
            <img src="images/thumb8.jpg" data-artist="My Chemical Romance" data-album="Danger Days"/>
            <img src="images/thumb9.jpg" data-artist="Iron Maiden" data-album="The Final Frontier"/>
            <img src="images/thumb10.jpg" data-artist="Order Of The Black" data-album="Black Label Society"/>   
            <img src="images/thumb11.jpg" data-artist="Usher" data-album="Raymond V Raymond"/>-->
        </div>
    </div>

然后它的工作完美。

我努力了

$.each(image, function(){
 $('<img src="' + this.src+ '" />').appendTo('#coverflow');            `$('#coverflow').appendTo('#wrapper');
 $('#wrapper').appendTo('#demo');
 $('#demo').appendTo('#pageWrapper'); }); 
alert ('I am all Done'); 
alert('Elements are ' +$('#coverflow').length); });

在这里，我在 div 1 中逐个添加图像。但最后，当我最后检查 div #coverflow 时，它只包含 1 个元素。虽然循环迭代了 11 次

4

1 回答 1

0
  1. 确保图像（来自“每个”）是一个具有 src 属性的对象（我知道你说它是硬编码的，只要确保它是一个对象，使用 console.log(typeof image); 在你做每个之前）
  2. .appendTo('#coverflow'); 不正确，您的意思可能是 .appendTo($('#coverflow')); 您只能将内容附加到 jquery 对象（appendTo 仅适用于 jQuery 对象）

  3. 从一个简单的开始：

    $.each(image, function(){ console.log(image.src); });

于 2013-04-17T12:47:23.080 回答