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>

我收到错误

  

“无法加载请求的内容。   请稍后再试。“

查看开发者工具我可以看到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。