FancyBox要求的內容無法加載。使用車把

我試圖從一個div一些文本加載到的fancybox，當我的名字被手的div能正常工作，如FancyBox要求的內容無法加載。使用車把

<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的使用下面的代碼加載根據的fancybox

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

來源

2016-11-24 Ben Mackerras

你可以使用「媒體忍者」而不是「媒體忍者」，你知道你有兩個不同的ID。 –

@ S.Gholizadeh爲名稱完美添加了一個破折號，謝謝。我完全忘了你不能在id中有空格 –

相同

Screenshot from developer tools

林屏幕截圖和作爲thi撮合問題：

<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。

來源

2016-12-01 09:08:48

FancyBox要求的內容無法加載。使用車把

回答

相關問題