flexslider插件與getJSON我不能讓它工作？

flexslider不符合我的getJSON響應:(任何想法，爲什麼？工作是什麼事情，我應該知道flexslider也許能跟大家知道這適用於這種這更好的其他slider-工具？flexslider插件與getJSON我不能讓它工作？

HTML

<body> 
    <div class="flexslider"> 
     <ul class="slides"> 

     </ul> 

    </div> 
    <script id="gallery" type="insta/template"> 
     <li><img src={{link}} alt=""/></li> 
    </script> 
</body>

jQuery的

function fetchingPhotos(tag) { 

     return $.ajax({ 
     url: "https://api.instagram.com/v1/tags/" + tag + "/media/recent?client_id=c1302f417cda4e09968eaec958fe0ae2&callback=?", 
     //data: {q: data}, 
     dataType: 'jsonp' 

    }); 
    }; 


    function toStage(photos) { 

     template = $('#gallery').html(); 
     var photoBox = ' '; 
     $.each(photos.data, function (index, value) { 

      var obj = value.images.low_resolution.url; 

      photoBox += template.replace(/{{link}}/, obj) 
     }); 
     $('.flexslider .slides').append(photoBox); 
     // $('#album ul li').css('border', '1px solid red'); 

    }; 

    function flex(){ 
     $('.flexslider .slides').flexslider({ 
      animation: "slide", 
      smoothHeight: true // auto-adjust to fit the height of images 

     }); 
    }; 

    $.when(fetchingPhotos('cats')).done(function(results1){ 
     toStage(results1) 
     console.log('1'); 
     flex(); 
     console.log('2'); 
    });

來源

2013-09-22 YoniGeek

如果你改變'$（ 'flexslider .slides '）。flexslider'只是'$（'。flexslider'）。flexslider'工作的呢？ – mccannf

@mccannf它呢，謝謝！但我只能看到標記中的圖片，而不是來自API的圖片？任何想法如何解決這個問題？ – YoniGeek

要初始化的ul flexslider的DIV中，而不是div本身。變化

$('.flexslider .slides').flexslider(...

只是

$('.flexslider').flexslider(...

來源

2013-09-23 06:32:12 mccannf

flexslider插件與getJSON我不能讓它工作？

回答

相關問題