苹果cms ajax加载数据类似瀑布流效果 苹果cms ajax加载数据类似瀑布流效果 $(function() { $(".open-search").click(function(){ $(".weui-search-bar").show(); $(".weui-search-bar").addClass("weui-search-bar_focusing").find(".weui-search-bar__input").focus(); $(".myui-header").hide(); }); $("#searchCancel").click(function(){ $(".weui-search-bar").removeClass("weui-search-bar_focusing").hide(); $(".myui-header").show(); }); $(".weui-popup__overlay").click(function(){ $(".weui-popup__container").removeClass("weui-popup__container--visible").hide(); }); $(".header-menu").click(function(){ $(".header-menu .down").toggle(); }); $(".list-more").click(function(){ var $that = $(this); $.ajax({ type: "get", url: '{$maccms.path}index.php/ajax/data.html?mid='+$that.attr("data-mid")+'&page='+$that.attr("data-page")+'&limit=10&tid='+$that.attr("data-tid")+'', dataType: "json", success: function(data) { var _str=""; $.each(data.list,function(i,e){ _str+=''+e.vod_name+'类型：'+e.vod_class+'状态：'+e.vod_remarks+'导演：'+e.vod_director+'主演：'+e.vod_actor+'上映：'+e.vod_year+'' }); $('#list').append(_str); } }); $(this).attr("data-page", parseInt($(this).attr("data-page")) + 1); if ($(this).attr("data-page") == '20') { $(this).hide(); $(".weui-btn-area").append("我是有底线的"); } }); }); data-tid=”” 留空则全部显示，{$obj.type_id}为分类id 加载更多