使用具有滑动效果的ajax在wordpress中加载页面

使用具有滑动效果的ajax在wordpress中加载页面,ajax,wordpress,slider,Ajax,Wordpress,Slider,我有个客户想把他的wix.com网站转换成wordpress。但他想保持页面滑动效果。。 有谁能告诉我如何使用具有滑动效果(从右到左)的ajax在wp中加载页面吗?我也提出了这个请求,我通过对ajax页面加载程序代码的一些修改解决了这个问题 在ajax-page-loader.js文件中可以找到AAPL_loadPageInit()函数。在这里,您可能需要检查单击了什么菜单项,然后像这样向左或向右推#内容项 $('#content').css('margin-left', '-1500px');

我有个客户想把他的wix.com网站转换成wordpress。但他想保持页面滑动效果。。
有谁能告诉我如何使用具有滑动效果(从右到左)的ajax在wp中加载页面吗?

我也提出了这个请求,我通过对ajax页面加载程序代码的一些修改解决了这个问题

在ajax-page-loader.js文件中可以找到AAPL_loadPageInit()函数。在这里,您可能需要检查单击了什么菜单项,然后像这样向左或向右推#内容项

$('#content').css('margin-left', '-1500px');
此函数触发AAPL_loadPage()函数。在第160行附近,使用fadeOut()淡出内容容器,然后使用fadeIn()淡入并加载内容

在fadeIn之前,您只需添加:

$('#content').css('margin-left', '0');
重置边距并将#内容容器放置到位

要使这一切看起来光鲜亮丽,您可以使用CSS转换,如下所示:

#content { transition: margin 1s; }

当然,别忘了给它加前缀。希望这是有帮助的,请询问是否有任何不清楚的地方或您是否有任何问题。

我正在尝试使用此插件,但不确定如何将其转换为滑块。欢迎使用此插件!你在这里有个好的开始!:)