Question

我想知道为什么我的代码不能正常工作，通常第一个图像应该显示在我的屏幕上，但我不知道它可能是什么，我的css是前缀的，通常应该使用jquery。

<script>

(document).ready(function(){
    var photoArray["p/2012/03/73133.jpg","p/2013/03/73096", "p/2013/03/72940", "p/2013/03/72922", "p/2013/03/72913","p/2013/03/72492"]
    var url = "http://weerfoto.buienradar.nl/"

    $("gallery").html("<div id='frame'><img /> </div>" + "<ul class='fotolist> </ul>")
    $("#frame img").attr("src", url + photoArray[0]);
});
</script>

Answer 1

像这样定义数组。

var photoArray = new Array("p/2012/03/73133.jpg","p/2013/03/73096", "p/2013/03/72940", "p/2013/03/72922", "p/2013/03/72913","p/2013/03/72492");

Answer 2

修复验证错误：

$(document).ready(function(){
    var photoArray = ["p/2012/03/73133.jpg","p/2013/03/73096", "p/2013/03/72940", "p/2013/03/72922", "p/2013/03/72913","p/2013/03/72492"];
    var url = "http://weerfoto.buienradar.nl/";

    $(".gallery").html("<div id='frame'><img /></div>" + "<ul class='fotolist'></ul>");
    $("#frame img").attr("src", url + photoArray[0]);
});

但更好的方法可能是：

var photoArray = ['p/2012/03/73133.jpg','p/2013/03/73096','p/2013/03/72940','p/2013/03/72922','p/2013/03/72913','p/2013/03/72492'];

$(document).ready(function(){    
    $('.gallery').html('<div id="frame"><img src="http://weerfoto.buienradar.nl/'+ photoArray[0] +'" /> </div><ul class="fotolist"> </ul>');
});

我认为gallery是一个班级。

jquery img不会从数组中显示

2 个答案: