Question

所以我可以使用以下代码从itunes rss获取相册的图像：

$("#parse").click(function (){
$(".bxslider").html("");
var country = $("#country").val();
var number = $("#top").val();
$.get("https://itunes.apple.com/"+country+"/rss/topsongs/limit="+number+"/xml" , function(data){
    var itunesArray = $(data).find("entry");
    itunesArray.each(function(){
        var image = $(this).find("im\\:image").eq(1).text();
        var audio = $(this).find("link").eq(1).attr("href");

我的滑块的HTML：

<div class="slider">
     <ul class = "bxslider">        
    </ul>
    </div>

我尝试使用以下代码附加html：

$('.bxslider').append("<li><img src = "+image + " height = '100'  
width ='100' >" + "</li>");

滑块的Jquery：

$('.bxslider').bxSlider({
             mode: 'fade',
             //captions: true,
             auto: true,
             //autoControls: true
             pagerCustom: '#bx-pager'
             /*minSlides: 2,
             maxSlides: 2,
             slideWidth: 170,
             slideMargin: 10,
             ticker: true,
             speed: 7000*/
            });

我可以将图片放入网页，但不能放在滑块内。我可以看到箭头，但我无法切换图像，可以立即看到所有这些。我应该一次看一个。我不知道最近发生了什么。任何建议都将受到高度赞赏。谢谢！

Answer 1

我建议您初始化bxSlider内部$.get Ajax成功回调，即将所有图像添加到DOM（恰好在itunesArray.each()循环之后）。

我认为您还没有发布整个代码，但您可以参考下面的代码并采纳这个想法（此代码可能无法直接使用）：

$("#parse").click(function (){
    $(".bxslider").html("");
    var country = $("#country").val();
    var number = $("#top").val();
    $.get("https://itunes.apple.com/"+country+"/rss/topsongs/limit="+number+"/xml" , function(data){
        var itunesArray = $(data).find("entry");
        itunesArray.each(function(){
            var image = $(this).find("im\\:image").eq(1).text();
            var audio = $(this).find("link").eq(1).attr("href");

            $('.bxslider').append("<li><img src = "+image + " height = '100' width ='100' >" + "</li>");

        });//each loop end

        $('.bxslider').bxSlider({
             mode: 'fade',
             //captions: true,
             auto: true,
             //autoControls: true
             pagerCustom: '#bx-pager'
             /*minSlides: 2,
             maxSlides: 2,
             slideWidth: 170,
             slideMargin: 10,
             ticker: true,
             speed: 7000*/
            });
    });
});

从itunes获取图像RSS并将图片放入bxslider

1 个答案: