链接在featherlight弹出窗口中不起作用

Question

我已经用 Hugo 建立了一个网站，并使用featherlight.js 来制作弹出式灯箱。在本地托管时一切正常。但是在实时版本中，我遇到了一个奇怪的问题，即弹出窗口中的链接不起作用。

一个完整的可重现的例子很困难，但我会提供相关的代码，也许有人可以找出可能导致问题的原因或告诉我他们需要什么其他信息。

相关代码调用featherlight:

<a class="search-icon"  href="#" data-featherlight="{{ .link | safeURL }}" > <i class="ti-search"></i> </a>

其中.link是从markdown编译的html文件。

如果我直接导​​航到.link，内容显示正常，内容中的链接也正常，例如：

<p>See more  <a href="https://www.externalsite.com"> here </a></p>

但在弹出的灯箱内，内容中的链接是这样的：

<p>See more <a href="https://www.externalsite.com"></a>here</p>

即，“这里”是在</a>标签之外。

此特定链接使用 Hugo 代码：

<p> {{.Params.Link_text}}  <a href="{{ .Params.Link | absURL }}" > here </a> </p>

但同样的事情发生在使用 Markdown 编写的链接上。

featherlight.js 错误还是其他？

Answer 1

将"https://code.jquery.com/jquery-latest.js" 替换为"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" 后即可使用。