- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试按照 these instructions 使用 Knight Laboratories 的 Timeline JS 工具的本地实现。 。因为我的用例需要在 R 或 Python 中动态开发 JSON,所以我尝试自己编写 html 文件。我目前的代码如下:
html <- paste('<!DOCTYPE html><html><head><link title="timeline-styles", rel="stylesheet" href="//cdn.knightlab.com/libs/timeline3/latest/css/timeline.css"></head><body><script src="//cdn.knightlab.com/libs/timeline3/latest/js/timeline.js"></script><div id="timeline-embed" style="width: 100%; height: 600px"></div><script type="text/javascript">var timeline_json=', readr::read_lines("~/projects/timelineJS/trial.json") %>% paste(collapse=''),'; window.timeline=new TL.Timeline("timeline-embed", timeline_json);</script></body></html>', sep='')
write(html, file="~/projects/timelineJS/test.html")
产生的输出似乎是我想要的(为了可读性而进行了清理):
<!DOCTYPE html>
<html>
<head>
<link title="timeline-styles" rel="stylesheet" href="//cdn.knightlab.com/libs/timeline3/latest/css/timeline.css">
</head>
<body>
<script src="//cdn.knightlab.com/libs/timeline3/latest/js/timeline.js"></script>
<div id="timeline-embed" style="width: 100%; height: 600px"></div>
<script type="text/javascript">
var timeline_json = {"title": {"media": {"url": "//www.flickr.com/photos/tm_10001/2310475988/", "caption": "Whitney Houston performing on her My Love is Your Love Tour in Hamburg.", "credit": "flickr/<a href='http://www.flickr.com/photos/tm_10001/'>tm_10001</a>"}, "text": {"headline": "Whitney Houston<br/> 1963 - 2012", "text": "<p>Houston's voice caught the imagination of the world propelling her to superstardom at an early age becoming one of the most awarded performers of our time. This is a look into the amazing heights she achieved and her personal struggles with substance abuse and a tumultuous marriage.</p>"}}, "events": [{"media": {"url": "https://youtu.be/fSrO91XO1Ck", "caption": "", "credit": "<a href=\"http://unidiscmusic.com\">Unidisc Music</a>"}, "start_date": {"year": "1978"}, "text": {"headline": "First Recording", "text": "At the age of 15 Houston was featured on Michael Zager's song, Life's a Party."}}]};
window.timeline = new TL.Timeline("timeline-embed", timeline_json);
</script>
</body>
</html>
问题是,当我加载 html 文件时,什么也没有显示,当我检查控制台时,我收到错误 ReferenceError: TL is not Defined
。但这对我来说没有意义,因为函数 TL.Timeline 是在 .js 文件的末尾显式定义的,该文件源自 html 正文。
我对 javascript 的了解还不足以尝试调试,所以我希望这里有人可能有一个想法。提前致谢!
最佳答案
@melpomene 在评论中提出了正确的问题,并让我查看 JS 文件是否正在加载。答案是不是因为<script>
中提供的url标签无效。将“https:”添加到两个网址的开头即可使代码正常工作。
未定义 TL 的原因是由于 url 错误导致 JS 文件未加载。
关于Javascript引用错误: TL not defined even though it's explicity defined in *. js文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32709272/
更新:在做了更多测试后,现在更多的是文档。。TL;DR使用POSIX_FADV_DONTNEED是不值得的。不使用它可以获得最快的速度。在AMD64上,它甚至似乎没有得到尊重。。支持ext4文件系统的
TP-Link TL-WR847N路由器设置好连不上网怎么办?最近一位用户反馈说,自己的路由器型号是TP-Link TL-WR847N,按照说明书设置好路由器之后,发现连不上网,这是怎么回事呢?下面
TP-Link TL-WR880N路由器管理员默认密码是多少?对于TP-Link TL-WR880N路由器,有V1、V2、V3共3个硬件版本,不同的硬件版本,默认密码是不同的。下面就给大家分享TP-
它的作用:我有一段代码在单元格中找到一个子字符串 TL,并通过在“TL-”之后添加或删除 0 来强制其后面的数字长度为 6。 (即TL-00072 -> TL-000072、TL-034 -> TL-
我正在尝试让 s.tl() 传递 eVar,但调用在没有传递 eVar 的情况下触发,我无法弄清楚为什么,我通过同一页面上的另一个加载规则使用了相同的代码作品。 工作代码 setTimeout(
当发生碰撞时,我在游戏中反转 vector 时遇到了一些问题,我需要做的是每次弹珠撞击物体时将值翻转为当前值的倒数。 vector 是我需要反转的方向,以使反弹看起来逼真。 最佳答案 所以你说的是数学
我想知道我的 boundRect[].tl() 输出的单位是什么。 topleft = boundRect[largest_contour_index].tl(); 我的假设是以像素为单位。如果是这样
我正在从 github 下载 rtl8188eu-master 文件以在 debian 上安装此驱动程序。提取它并运行 make 命令后出现此错误。 make ARCH=i386 CROSS_COMP
我正在为我的最新项目使用 AngularJS。在文档和教程中,所有模型数据都放入 Controller 范围内。我知道它必须存在于 Controller 中,因此在相应的 View 中。 但是我认为该
这是我的类(class),用于以正确的方式显示土耳其里拉金额,我的类(class)没有设置输入的金额,例如,如果我输入 1200,它应该是 1,200 里拉,我会错过这里的步骤吗?我应该添加 Acti
我们刚刚添加了 SuperTag访问网站并观察到一个事件突然没有填充 s.events 值。 此代码在单击按钮时执行。 var s = s_gi(s_account); s.linkTrackVars
我无法通过SSH / Telnet连接到TP-Link TL-MR3220路由器。我已经转发了端口22和23,并尝试使用Microsoft Telnet和PuTTY,但是它不起作用。请帮忙。 最佳答案
我正在使用 tl 语言编译器来编译 https://core.telegram.org/mtproto 中描述的 Telegram Api TL 语言模式在 C# 中 有一个编译器可以将 tl 语言编
正如标题所示,我试图在我的加密狗上设置固定的比特率。我使用的是 TP-Link wifi 适配器型号 TL-WN722N。然而,当我给出命令: iwconfig wlanX 速率 2M 固定 iget
威尔 Omniture s.tl()函数算作一次额外的“访问”,因此导致该访问者不反弹? 最佳答案 它不会算作额外的“访问”,但会算作额外的“命中”。 包含多次点击的访问(在这种情况下,是 s.t()
我有一个 USB wifi 适配器 (TPLINK TL-WN822N。我从制造商那里下载了 linux 驱动程序 download page 并尝试编译它,但是当我尝试运行 make 命令时总是出错
我正在为 Site Catalyst 使用omnature jasavscript。 其中,我填充了链接单击所需的变量。 但问题是我只需单击一次即可获得多 (2) 次跟踪,这不是理想的行为。在这两个跟
我正在尝试按照 these instructions 使用 Knight Laboratories 的 Timeline JS 工具的本地实现。 。因为我的用例需要在 R 或 Python 中动态开发
我写了一个 tl 解析器,所以现在可以使用最新的层 (53)。但我不确定如何处理“标志”类型。它们仅在 tl 文档中提及,但未在此处页面底部定义(据我所知):link . 例如,当方法返回“消息”类型
我刚刚从 AppStore 更新到 Xcode 12.0.1 打开了我的旧项目,构建后出现错误。 这是错误的图像: 当我研究 SO 以寻求解决方案时,一些回答提到了在build设置中更改架构和更改仅构
我是一名优秀的程序员,十分优秀!