动态更改TimelineJS内容

Question

我试图在网站上嵌入一个时间线，但我遇到了以下问题:当包含的div嵌套在另一个TimelineJS中时，div似乎无法工作。为了避免这个问题，我创建了一个iframe，并将整个时间线放入另一个.html文件中，该文件可以很好地显示时间线。现在，我想根据用户所做的类别选择来过滤掉一些时间轴内容。如果包含时间线的外部html调用timeline.js来加载内容，并且类别选择事件处理是在由index.html调用的index.js文件(包含iframe和其他元素)中完成的，如果事件是在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°)每次需要时在控制器中重新加载include，并将url更改为“忘记”旧数据

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

我知道在内存方面很难做到完美，但这是我发现的全部