1

flexslider が getJSON 応答で動作しません :( 理由は? flexslider について知っておくべきことですか、それとも、この種のより適切に機能する他のスライダー ツールキットについて知っているのでしょうか?

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');
   });
4

1 に答える 1

1

ulそれ自体ではなく、divの内側でflexsliderを初期化していdivます。変化する

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

ただに

$('.flexslider').flexslider(...
于 2013-09-23T06:32:12.073 に答える