移动设备上的无限滚动和桌面上的分页

时间:2015-07-22 17:14:04

标签: jquery wordpress mobile infinite-scroll

我想在我的wordpress主题上设置无限滚动插件。这是域" http://www.unionsnetworksindacale.eu/"。该插件会询问四个项目:https://s.w.org/plugins/infinite-scroll/screenshot-1.png?r=1204131。我找不到选择器。然后我想只在移动版本上应用无限滚动。救命!!!! :)谢谢!

1 个答案:

答案 0 :(得分:0)

好像你正在使用"强力"来自" Copa主题"的WordPress主题并且您正在使用This插件。

到目前为止,我没有修改任何元素类。所以配置页面的类名将是:

内容选择器类名称:主要内容

导航选择器类名称: main-nav

下一个选择器类名称:下一页 - 数字

项目选择器类名称:条目内容

我从这个主题的官方演示网站上取了课名,并与你的主题相匹配。所以这些应该完美无缺。

到目前为止,这个插件并不支持"只有移动"心情。因此,如果你是绝望的,你可以破解它(但无论如何我都不会建议它,因为它会在插件更新时中断,每次更新主题/插件时你都必须破解它)。

所以你可以用javascript做到这一点。首先,编辑插件并删除" wp_enqueue_script"插件中的函数,以便在页面加载时不加载js文件。然后,您可以使用以下条件检查浏览器宽度并按需手动加载js:

<script>
if (screen && screen.width < 360) {
  document.write('<script type="text/javascript" src="plugin_js_location"><\/script>');
}
</script>

所有IMO都不是一个好主意。

更好的方法是在插入插件js时使用wp_is_mobile()函数。您可以使用以下代码替换插件中的第80行(我在此代码中使用的是2.6.2版):

if ( wp_is_mobile() ) {
            add_action( 'wp_enqueue_scripts', array( &$this, 'enqueue_js' ) );
}

希望它有所帮助。