Question

座右铭是设置/更新（ajaxified）DIV背景图像。

        $.getJSON("https://itunes.apple.com/search?term=" + searchTerm + '&limit=1' + '&callback=?', 
        function(data) {
        $.each(data.results, function() {
        var art = this.artworkUrl100;
        $('.photo').parent().css('background-image', 'url(' + art + ')');
      }
    }

在HTML上我就是这样：

<div id="results" class="photo"></div>

Answer 1

您正在将背景图像设置为父元素而不是.photo div。

试试这个：

$.getJSON("https://itunes.apple.com/search?term=" + searchTerm + '&limit=1' + '&callback=?', 
    function(data) {
        $.each(data.results, function() {
            var art = this.artworkUrl100;
            $('.photo').css('background-image', 'url(' + art + ')');
        })
});

如果返回多个data.results，那么由于您正在使用的$.each循环，只有最后一个用于背景图像。如果您在JSON调用上维护limit=1，那么这将不会成为问题。

如何设置DIV background-image css jquery？

1 个答案: