jquery - Featherlight 中的 HTML 属性错误

Question

我一直在尝试将featherlight纳入我的项目中，到目前为止发现它非常容易使用。我有一个要求，要在羽毛灯内加载图片库/ slider 。也就是说，当用户单击链接时，它会以 iFrame 的形式打开featherlight 和图像幻灯片。我不确定是否有更好的方法来做到这一点，但在这样做时，我认为我遇到了一个错误。 Featherlight 似乎无法识别使用 data-featherlight-xxx 约定在 HTML 标记中传递的任何 iframe 参数。例如，

如果我想使用以下内容设置 iFrame 的大小:

<a class="book-icon" href="image-slideshow.html"  data-featherlight="iframe" data-featherlight-iframeWidth="992px" data-featherlight-iframeHeight="556px" data-featherlight-scrolling="false"/>

该代码对实际的 iFrame 没有影响。查看代码后发现罪魁祸首是以下行(第 61 行):

regex = new RegExp('^' + prefix + '([A-Z])(.*)');

这里假设属性将采用驼峰式大小写并以 iframe 为前缀，如上例所示。然而，事实证明，所有属性都在代码中的某个位置转换为小写，并且上述模式匹配失败。如果我将上面的内容转换为 [A-Z] 到 [a-z]，它会按预期工作。

另外，有没有更好的方法呢？也就是说，与其先加载灯箱然后再加载幻灯片，不如使用另一个将两者合二为一的库？

感谢您的帮助。

Answer 1

这是data-featherlight-iframe-height，而不是data-featherlight-iframeHeight等...