Question

我将Twitter时间轴嵌入到我的应用程序中。该应用程序正在全屏模式的交互式触摸显示器中使用。因此，当用户触摸此时间轴的链接时，该链接将被打开，但由于该应用程序以全屏模式运行，因此用户无法返回。我只想在应用程序中禁用所有锚标记，以防止出现此问题。

我目前（不是很优雅）的方法如下：

Observable.interval(1000).subscribe(
      n => {
        let elements = document.getElementsByTagName('a');
        if(elements) {
          console.log(elements)
          for(let i = 0; i < elements.length; i++) {
            elements.item(i).style.pointerEvents="none";
            elements.item(i).style.cursor="default";
            elements.item(i).onclick = (event) => { event.preventDefault(); }
          }
        }
      }
    );

此解决方案正在处理所有其他应禁用的链接，但不适用于Twitter时间轴中的链接。我该怎么做才能也禁用那些链接？

时间线像这样嵌入：

<a data-chrome="noheader noscrollbar transparent noborders nofooter"
   class="twitter-timeline"
   data-dnt="true"
   [href]="url">
</a>

在嵌入式Twitter时间轴中禁用锚标签

0 个答案: