WordPress删除手动Ajax触发器并使用无限滚动
我的脚本有问题。我想删除WordPress删除手动Ajax触发器并使用无限滚动,ajax,wordpress,jquery-isotope,infinite-scroll,Ajax,Wordpress,Jquery Isotope,Infinite Scroll,我的脚本有问题。我想删除load more按钮,在到达页面底部时进行无限滚动 我使用的是WordPress模板,没有支持,我就陷入了这种胡说八道的状态 我应该如何更改此脚本 jQuery(document).ready(function($){ var $container = $('#hentry-wrapper'); // Isotope // modified Isotope methods for gutters in masonry $.Is
load more
按钮,在到达页面底部时进行无限滚动
我使用的是WordPress模板,没有支持,我就陷入了这种胡说八道的状态
我应该如何更改此脚本
jQuery(document).ready(function($){
var $container = $('#hentry-wrapper');
// Isotope
// modified Isotope methods for gutters in masonry
$.Isotope.prototype._getMasonryGutterColumns = function() {
var gutter = this.options.masonry && this.options.masonry.gutterWidth || 0;
containerWidth = this.element.width();
this.masonry.columnWidth = this.options.masonry && this.options.masonry.columnWidth ||
// or use the size of the first item
this.$filteredAtoms.outerWidth(true) ||
// if there's no items, use size of container
containerWidth;
this.masonry.columnWidth += gutter;
this.masonry.cols = Math.floor( ( containerWidth + gutter ) / this.masonry.columnWidth );
this.masonry.cols = Math.max( this.masonry.cols, 1 );
};
$.Isotope.prototype._masonryReset = function() {
// layout-specific props
this.masonry = {};
// FIXME shouldn't have to call this again
this._getMasonryGutterColumns();
var i = this.masonry.cols;
this.masonry.colYs = [];
while (i--) {
this.masonry.colYs.push( 0 );
}
};
$.Isotope.prototype._masonryResizeChanged = function() {
var prevSegments = this.masonry.cols;
// update cols/rows
this._getMasonryGutterColumns();
// return if updated cols/rows is not equal to previous
return ( this.masonry.cols !== prevSegments );
};
var loadMore = $('#load-more');
var posts_per_page = parseInt(loadMore.attr('data-perpage'));
var offset = posts_per_page;
var totalPosts = parseInt(loadMore.attr('data-total-posts'));
var author = parseInt(loadMore.attr('data-author'));
var category = parseInt(loadMore.attr('data-category'));
var tag = loadMore.attr('data-tag');
var datemonth = loadMore.attr('data-month');
var dateyear = loadMore.attr('data-year');
var search = loadMore.attr('data-search');
var loader = $('#posts-count').attr('data-loader');
if (!author) author = 0;
if (!category) category = 0;
if (!tag) tag = '';
if (!datemonth) datemonth = 0;
if (!dateyear) dateyear = 0;
if (!search) search = '';
// cache jQuery window
var $window = $(window);
// start up isotope with default settings
$(window).load(function(){
reLayout();
$window.smartresize( reLayout );
if (offset < totalPosts) {
$('#nav-pagination-load-more').fadeIn(200);
mega_initLoadMore();
}
});
function reLayout() {
var mediaQueryId = getComputedStyle( document.body, ':after' ).getPropertyValue('content');
// fix for firefox, remove double quotes "
//mediaQueryId = mediaQueryId.replace( /"/g, '' );
//console.log( mediaQueryId );
var windowSize = $window.width();
var masonryOpts;
// update sizing options
switch ( mediaQueryId ) {
case 'large' :
masonryOpts = {
gutterWidth: 0
};
break;
case 'big' :
masonryOpts = {
//columnWidth: 297,
gutterWidth: 0
};
break;
case 'medium' :
masonryOpts = {
//columnWidth: 269,
gutterWidth: 0
};
break;
case 'small' :
masonryOpts = {
//columnWidth: $container.width() / 4,
gutterWidth: 0
};
break;
case 'tiny' :
masonryOpts = {
//columnWidth: $container.width() / 1,
gutterWidth: 0
};
break;
}
$container.isotope({
resizable: false, // disable resizing by default, we'll trigger it manually
itemSelector : '.type-post',
transformsEnabled: false, // Firefox Vimeo issue
masonry: masonryOpts
}).isotope( 'reLayout' );
}
function mega_initLoadMore(){
loadMore.click(function(e) {
$(this).unbind("click").addClass('active');
$('#posts-count').html('<img src="'+ loader +'"/>');
e.preventDefault();
mega_loadMorePosts();
});
}
function mega_reLayout(){
$container.isotope( 'reLayout' );
}
function mega_loadMorePosts(){
jQuery.ajax({
url: megaAjax.ajaxurl,
type: 'POST',
data: {
action : 'mega_ajax_blog',
nonce : megaAjax.nonce,
category: category,
author: author,
tag: tag,
datemonth: datemonth,
dateyear: dateyear,
search: search,
offset: offset
},
success: function( data ) {
var $newElems = $(data);
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded( function(){
// FitVids
$('.fluid-video, .entry-content', $newElems).fitVids();
$container.append($newElems).isotope( 'appended', $newElems );
// Flex Slider
$('.flexslider', $newElems).flexslider({
animation: "fade",
slideshow: false,
keyboard: false,
directionNav: true,
touch: true,
prevText: "",
nextText: ""
});
setTimeout(function(){
mega_reLayout();
}, 1000);
offset = offset + posts_per_page;
loadMore.removeClass('active');
if (offset < totalPosts){
$('#posts-count').text('');
loadMore.bind("click", mega_initLoadMore());
}
else {
setTimeout(function(){
loadMore.parent().remove();
}, 1000 );
}
});
}
});
return false;
}
jQuery(文档).ready(函数($){
var$container=$('hentry wrapper');
//同位素
//砌体排水沟的改进同位素法
$.同位素.prototype.\u getMasonryGutterColumns=function(){
var gutter=this.options.mashing&&this.options.mashing.gutterWidth | | 0;
containerWidth=this.element.width();
this.options.columnWidth=this.options.mashing&&this.options.mashing.columnWidth||
//或者使用第一个项目的大小
此.$filteredAtoms.outerWidth(真)||
//如果没有物品,请使用容器的大小
集装箱宽度;
this.mashing.columnWidth+=排水沟;
this.mashion.cols=数学地板((容器宽度+排水沟)/this.mashion.column宽度);
this.massy.cols=Math.max(this.massy.cols,1);
};
$.同位素.prototype.\u masonryReset=function(){
//特定布局道具
this.mash={};
//FIXME不应该再打这个电话了
这是。_getMasonryGutterColumns();
var i=this.mashion.cols;
this.mashion.colYs=[];
而(我--){
这个。砖石。冷。推(0);
}
};
$.同位素.prototype.\u masonryResizeChanged=函数(){
var prevSegments=this.mashine.cols;
//更新列/行
这是。_getMasonryGutterColumns();
//如果更新的列/行不等于以前的列/行,则返回
返回(this.mashion.cols!==prevSegments);
};
var loadMore=$(“#加载更多”);
var posts_per_page=parseInt(loadMore.attr('data-perpage');
var offset=每页的帖子数量;
var totalPosts=parseInt(loadMore.attr('data-total-posts');
var author=parseInt(loadMore.attr('data-author'));
var category=parseInt(loadMore.attr('data-category');
var tag=loadMore.attr('data-tag');
var datemonth=loadMore.attr('data-month');
var dateyear=loadMore.attr(“数据年”);
var search=loadMore.attr('data-search');
var-loader=$('#posts count').attr('data-loader');
如果(!author)author=0;
如果(!category)category=0;
如果(!tag)tag='';
如果(!datemonth)datemonth=0;
如果(!dateyear)dateyear=0;
如果(!search)search='';
//缓存jQuery窗口
变量$window=$(window);
//使用默认设置启动
$(窗口)。加载(函数(){
重新播放();
$window.smartresize(重新发布);
如果(偏移量<总员额){
$('导航分页加载更多').fadeIn(200);
mega_initLoadMore();
}
});
函数relayat(){
var mediaQueryId=getComputedStyle(document.body,“:after”).getPropertyValue('content');
//修复firefox,删除双引号“
//mediaQueryId=mediaQueryId.replace(/“/g'”);
//console.log(mediaQueryId);
var windowSize=$window.width();
var masonryOpts;
//更新大小调整选项
交换机(mediaQueryId){
“大型”案例:
masonryOpts={
排水沟宽度:0
};
打破
案例“大”:
masonryOpts={
//列宽:297,
排水沟宽度:0
};
打破
案例“中等”:
masonryOpts={
//列宽:269,
排水沟宽度:0
};
打破
“小型”案例:
masonryOpts={
//columnWidth:$container.width()/4,
排水沟宽度:0
};
打破
“微小”案例:
masonryOpts={
//columnWidth:$container.width()/1,
排水沟宽度:0
};
打破
}
$container.com({
resizeable:false,//默认情况下禁用调整大小,我们将手动触发它
itemSelector:“.type post”,
transformsEnabled:false,//Firefox Vimeo问题
石工:石工
}).同位素(‘重燃’);
}
函数mega_initLoadMore(){
加载更多。单击(函数(e){
$(this).unbind(“click”).addClass(“active”);
$('#posts count').html('');
e、 预防默认值();
mega_loadMorePosts();
});
}
函数mega_relayat(){
$container.同位素('relayat');
}
函数mega_loadMorePosts(){
jQuery.ajax({
url:megaAjax.ajaxurl,
键入:“POST”,
数据:{
行动:“mega_ajax_博客”,
nonce:megaAjax.nonce,
类别:类别,,
作者:作者,,
标签:标签,
datemonth:datemonth,
dateyear:dateyear,
搜索:搜索,
偏移量:偏移量
},
成功:功能(数据){
变量$newElems=$(数据);
//确保在添加到砌体布局之前加载图像
$newElems.imagesLoaded(函数(){
//菲特维兹
$('.fluid video、.entry content',$newElems.fitVids();
$container.append($newElems).同位素('appended',$newElems);
//弹性滑块
$('.flexslider',$newElems).flexslider({
动画:“淡入淡出”,
幻灯片放映:错误,
键盘:错,
迪尔