fullpage.js - 无法滚动

时间:2016-02-09 18:08:15

标签: jquery wordpress fullpage.js

我目前正在使用fullpage.js在wordpress网站上工作,但遗憾的是我无法正常使用它。

以下是该场景:我的网站使用polylang以便它可以是多语言的,并且我创建了所有页面和所有菜单,polylang和fullpage.js的设置都正确完成,但是fullpage.js只能在默认页面(英语)上正常工作,而不能在其他页面上工作(法语,意大利语和西班牙语)。

只有在您单击菜单后才能开始工作,然后像它一样的接缝被解锁并且有效。

知道为什么吗? 我在加载窗口时调用函数来检查当前语言,然后将fullpage应用于目标id,如下所示:

var $ = jQuery;

function load_right_language_fullpage() {
    var lang = location.pathname.split("/")[1];

    switch (lang) {
        case 'en':
            console.log("en");
            fullPageSlider_en()
            break;
        case 'it':
            console.log("it");
            fullPageSlider_it()
            break;
        case 'es':
            console.log("es");
            fullPageSlider_es()
            break;
        case 'fr':
            console.log("fr");
            fullPageSlider_fr()
            break;
    }
}
function fullPageSlider_en() {
    $('#menu-item-79').attr('data-menuanchor', 'biography');
    $('#menu-item-80').attr('data-menuanchor', 'references');
    $('#menu-item-81').attr('data-menuanchor', 'prices');
    $('#menu-item-82').attr('data-menuanchor', 'contacts');
    $('#fullpage-en').fullpage({
        menu: '#site-navigation',
        anchors: ['home', 'biography', 'references', 'prices', 'contacts']
    });
};
function fullPageSlider_fr() {
    $('#menu-item-87').attr('data-menuanchor', 'biographie');
    $('#menu-item-88').attr('data-menuanchor', 'références');
    $('#menu-item-89').attr('data-menuanchor', 'prix');
    $('#menu-item-90').attr('data-menuanchor', 'contacts');
    $('#fullpage-fr').fullpage({
        menu: '#site-navigation',
        anchors: ['home', 'biographie', 'références', 'prix', 'contacts']
    });
};
function fullPageSlider_es() {
    $('#menu-item-83').attr('data-menuanchor', 'biografia');
    $('#menu-item-84').attr('data-menuanchor', 'referencias');
    $('#menu-item-85').attr('data-menuanchor', 'precios');
    $('#menu-item-86').attr('data-menuanchor', 'contactos');
    $('#fullpage-es').fullpage({
        menu: '#site-navigation',
        anchors: ['home', 'biografia', 'referencias', 'precios', 'contactos']
    });
};
function fullPageSlider_it() {
    $('#menu-item-16').attr('data-menuanchor', 'biografia');
    $('#menu-item-17').attr('data-menuanchor', 'referenze');
    $('#menu-item-18').attr('data-menuanchor', 'prezzi');
    $('#menu-item-19').attr('data-menuanchor', 'contatti');
    $('#fullpage-it').fullpage({
        menu: '#site-navigation',
        anchors: ['home', 'biografia', 'referenze', 'prezzi', 'contatti']
    });
};


$(document).ready(function ($) {
    load_right_language_fullpage()
});

我可以在控制台中看到调用了正确的插件,但除非路径等于" en"否则它不起作用。 (英文)。

控制台中也没有错误。 我真的坚持这一点,所以任何帮助都会非常感激。

由于

修改

我发现问题出在网址上。 如果我的网址是www.mywebsite.com它可以正常工作,如果我的网站是www.mywebsite.com/folder而不是它不再工作。 知道为什么吗?

编辑2

我解决了这个问题。显然使用intese插件并不是一个好主意。它现在正常工作。这个问题可以关闭。感谢

0 个答案:

没有答案