我正在创建一个时间轴(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,
);
每次更改数组“事件”时,我都会调用此代码,并且可以,只要不调用第二张幻灯片,它就会在上次刷新页面时恢复为原始状态。
想法??
答案 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>'
});