无法加载 FancyBox 请求的内容。使用把手

Question

我正在尝试将 div 中的一些文本加载到 fancybox 中，这在我手动命名 div 时效果很好，例如

<a class='fancybox' href="#inline">Lightbox</a>
<div id='inline' style="display: none;">test</div>

但是，当使用句柄命名 id 时，

<a class='fancybox' href="#{{this}}">Lightbox</a>
<div id='{{this}}' style='display: none;'>test</div>

我收到错误

"The requested content cannot be loaded. Please try again later."

查看开发者工具，我可以看到 ID 是相同的

Screenshot from developer tools

我正在使用以下代码加载 FancyBox

$(document).ready(function() {
  $(".fancybox").fancybox({
  fitToView : false,
  autoSize : true,
  closeClick : false,
  openEffect : 'none',
  closeEffect : 'none',
  type        : 'inline',
 });
});

Answer 1

根据屏幕截图并解决了这个问题：

<a class="fancybox" href="#Media Ninja">...</a>
<div id="Media Ninja" style="display: none;">

应该是：

<a class="fancybox" href="#Media-Ninja">...</a>
<div id="Media-Ninja" style="display: none;">

这意味着您应该检查 id 变量是一个指向特定 div 标签的特定 id。

无法加载 FancyBox 请求的内容。使用把手

FancyBox requested content cannot be loaded. Using handlebars

html

javascript

jquery

handlebars.js

fancybox-2