$(function() { loadSuifa(); $('.emotionReply').qqFace({ id : 'facebox1', assign:'replyContent', path:'vendors/jQuery-qqFace/arclist/' //表情存放的路? }); }); /** * 下拉加载随发信息 */ function loadSuifa() { /*var container = $('.wrapper:eq(0)'); imagesLoaded(container, function() { container.masonry({ itemSelector : '.wfc', gutterWidth : 15, columnWidth : 222, isFitWidth : true, isAnimated: true }); });*/ $('#waterfall').waterfall({ itemCls: 'wfc',//瀑布流数据块class colWidth: 222,//瀑布流每列的宽度 gutterWidth: 15,//数据块水平间? gutterHeight: 15,//数据块垂直间? align:'left',//数据块相对于容器对齐方式 bufferPixel: -50,//滚动? 窗口底部到瀑布流最小高度列的距?> bufferPixel? 自动加载新数? checkImagesLoaded: false,//是否图片加载完成后开始排列数据块。如果直接后台输出图片尺寸,可设置为false,强烈建议从后台输出图片尺寸,设置为false path: function(page) {//瀑布流数据分页url return 'community/loadSuifaList.htm?page=' + page; }, callbacks: { /* * 处理ajax返回数方? * @param {String} data */ renderData: function (data) { if(data.iTotalDisplayRecords > data.page){ var content = ''; $.each(data.list, function(key, value) { content = content + createSuifaDiv(value); }); viewSuifaEvent(); clickZanEvent(); deleteSuifa(); return content; }else{ $('#waterfall').waterfall('pause', function() { viewSuifaEvent(); clickZanEvent(); deleteSuifa(); $('#waterfall-message').html('

no more data...

') //alert('no more data'); }); } } } }); /*$('#waterfall').infinitescroll({ navSelector : "#navigation", // 导航的选择器,会被隐藏 nextSelector : "#navigation a", // 包含下一页链接的选择? itemSelector : ".wfc", // 你将要取回的选项(内容? debug : true, // 启用调试信息 animate : true, // 当有新数据加载进来的时候,页面是否有动画效果,默认没有 extraScrollPx : 250, // 滚动条距离底部多少像素的时候开始加载,默认150 bufferPx : 40, // 载入信息的显示时间,时间越大,载入信息显示时间越? errorCallback : function(error) { if (error != 'done') { alert(error); } }, // 当出错的时候,比如404页面的时候执行的函数 localMode : false, // 是否允许载入具有相同函数的页面,默认为false dataType : 'json',// 可以是json template : function(data) { var content = ''; $.each(data.list, function(key, value) { content = content + createSuifaDiv(value); }); return content; }, loading : { msgText : "加载?..", finishedMsg : '没有新数据了...', selector : '.loadding' // 显示loading信息的div } }, function(newElems) { // var $newElems = $(newElems); // $('.wrapper:eq(0)').masonry('appended', $newElems, true); var $newElems = $(newElems).css({ opacity : 0 }); // 在添加到masonry布局之前保证图片载入 $newElems.imagesLoaded(function() { // 现在可以显示所有的元素? $newElems.animate({ opacity : 1 }); $('.wrapper:eq(0)').masonry('appended', $newElems, true); }); viewSuifaEvent(); clickZanEvent(); deleteSuifa(); });*/ }