$(function(){ $('.ban_bnt').on('click','a',function(){ var _this = $(this); var oid = _this.attr('data-id'); // console.log(oid) _this.addClass('on').siblings().removeClass('on'); FnAjax(oid); //调用AJAX数据 }) $('.ban_bnt a').eq(0).click(); // ajax function FnAjax(oid){ $.ajax({ url:"/zt/windform", type:"post", data:{id:oid}, dataType:"json", success:function(data){ if(data.code == 200){ FnTraverse(data.data); } }, error:function(request){ console.log('加载失败!'); } }) } // 数据遍历 function FnTraverse(data){ var _html = ''; $.each(data,function(k,v){ _html += '
  • '; _html += ''; _html += '
    '; _html += '
    '; _html += '

    '+v.name+'¥'+v.price+'

    '; _html += '

    户型:'+v.main_units+'

    '; _html += '

    '+v.address+'

    '; _html += '
    '; _html += '
    '; _html += '
  • '; }) $('.ban_conter ul').html(""); $('.ban_conter ul').append(_html); // 精选房源 var swiper4 = new Swiper('#swiper4',{ autoplay:true, //自动切换 // loop : true, //循环 slidesPerView :'auto', slidesPerGroup : 1, nextButton: '.next', prevButton: '.prev', pagination : '.ld', paginationType : 'fraction', }); } })