Team:Tianjin/Resources/JS:find

$(function(){

/*顶部nav*/ var swiper = new Swiper('.nav-container', {

       slidesPerView: 'auto',
       paginationClickable: true
   });
   $(".nav-ul .swiper-slide").click(function(){
   	$(this).addClass("active-li").siblings().removeClass("active-li");
   });
   
   
   
   
   /*瀑布流初始化设置*/

var $grid = $('.grid').masonry({ itemSelector : '.grid-item', gutter:10

   });
   // layout Masonry after each image loads

$grid.imagesLoaded().done( function() { console.log('uuuu==='); $grid.masonry('layout'); }); var pageIndex = 0 ; var dataFall = []; var totalItem = 10; $(window).scroll(function(){ $grid.masonry('layout');

               var scrollTop = $(this).scrollTop();var scrollHeight = $(document).height();var windowHeight = $(this).height();  
               if(scrollTop + windowHeight == scrollHeight){
                       $.ajax({

dataType:"json", type:'get', url:'./article.json', success:function(result){ dataFall = result.result.article; setTimeout(function(){ appendFall(); },500) }, error:function(e){ console.log('请求失败') }

})

               }
               
        })  

       function appendFall(){
         $.each(dataFall, function(index ,value) {
         	var dataLength = dataFall.length;
         	$grid.imagesLoaded().done( function() {

$grid.masonry('layout'); }); var detailUrl;

var $griDiv = $('

');

     	  var $img = $("<img class='item-img'>");
     	  $img.attr('src',value.articlePic).appendTo($griDiv);
     	  var $section = $('<section class="section-p">');
     	  $section.appendTo($griDiv);

var $p1 = $("

"); $p1.html(value.title).appendTo($section); var $p2 = $("<p class='name-p'>"); $p2.html(value.name).appendTo($section); var $p3 = $("<p class='price-p'>"); $p3.html(value.commentCount).appendTo($section); var $items = $griDiv; $items.imagesLoaded().done(function(){ $grid.masonry('layout'); $grid.append( $items ).masonry('appended', $items); }) }); } })