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

Question

我正在创建一个时间轴（https://github.com/stefanomarra/jquery-roadmap），然后重新加载没有页面重新加载，但是当我转到下一个视图时，它不会保存更改的数据，因为页面重新加载

我已经清除了html容器

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

每次调用此代码时，数组'events'都会被更改，并且没有问题，只要第二张幻灯片没有被调用，它就会在页面上次刷新时恢复到原始状态。

想法？

Answer 1

发现元素没有被清除只是数组和时间线。

在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>'
    });