Question

我正在尝试在网站上嵌入时间表，但我遇到以下问题：当包含div嵌套在另一个div中时，TimelineJS似乎不起作用。为了避免这个问题，我创建了一个iframe并将整个时间轴放到另一个.html文件中，该文件可以很好地显示时间轴。现在，我想根据用户做出的类别选择过滤掉一些时间线内容。如果包含时间轴的外部html调用timeline.js来加载内容，并且类别选择事件处理是在index.html（包含iframe和其他元素）调用的index.js文件中完成的，我如何调用如果在index.js中处理事件，则在timeline.js中重新加载函数？换句话说，我的index.js如何知道有关timeline.js的任何内容，调用该文件中定义的方法并仍然将更改应用于timeline.html的内容？

我对javascript很新，我似乎错过了解决问题所需的相当多的信息。

Answer 1

我遇到了同样的问题而没有找到解决方案。

我终于尝试了另一种方法：

1°）将时间轴指令（我的项目使用AngularJS）放入视图'views / timeline.html'

<div id="my-timeline" timeline-js data="timelineData" height="height"></div>

2°）在主视图中包含此视图

<div ng-include="url"></div>

3°）每次在控制器中需要时重新加载包含，并将网址更改为“忘记”旧数据

var newUrl = function() {
    $scope.url = null;
    var ran = Math.random();
    $scope.url = 'views/timeline.html?r='+ran;
};

我知道它在记忆方面远远不够完美，但它是我发现的全部

动态更改TimelineJS内容

1 个答案: