jQuery路线图-重新加载或刷新(https://github.com/stefanomarra/jquery-roadmap)

时间:2019-04-09 02:32:14

标签: jquery timeline roadmap

我正在创建一个时间轴(https://github.com/stefanomarra/jquery-roadmap),然后在不重新加载页面的情况下重新加载,但是自从页面重新加载后,当我进入下一个视图时,它不保存更改的数据

我已经清除了html容器

// Jobs stack
const JobsStack = createStackNavigator(
    {
        JobList: {
            screen: Jobs,
        },
        Job: {
            screen: Job,
        },
    },
    {
        headerMode: 'none',
    }
);

// Main drawer
const MainDrawerNavigator = createDrawerNavigator(
    {

        ...
        Jobs: JobsStack,
        Contact: {
            screen: Contact
        }
        ...
    },
    drawerConfig,
);

每次更改数组“事件”时,我都会调用此代码,并且可以,只要不调用第二张幻灯片,它就会在上次刷新页面时恢复为原始状态。

想法??

1 个答案:

答案 0 :(得分:0)

发现该元素并不仅仅是数组和时间轴被清除。

动态创建div内部的div,然后每次都删除并重新创建-一切都可以正常工作。

下面的代码

    $("#setup_timeline").remove();
    jQuery('<div id="setup_timeline"></div>').appendTo('#timeline_panel_collapse_body');
    $('#setup_timeline').roadmap(events, {
        eventsPerSlide: 5,
        slide: 1,
        prevArrow: '<i class="icon-arrow-left15"></i>',
        nextArrow: '<i class="icon-arrow-right15"></i>'
    });