fancybox-fancyapps 不工作答案

【问题标题】：fancybox-fancyapps not workingfancybox-fancyapps 不工作
【发布时间】：2015-02-04 12:12:01
【问题描述】：

我有以下代码，但它不适合我。

$('#seisUrl').html(""); // reset div.
    var urls = url, 
    filepath , filename;    

    for(var i=0;i<urls.length;i++){     
        if(urls[i] != ''){
            filename = basename(urls[i]);
            filepath = dirname(urls[i]);
            $('#seisUrl').append(
                    '<a rel="zoom-id:zoom; seismic" href="' + filepath + 'thumbnail_' + filename 
                    + '" rev="' + filepath + 'thumbnail_' + filename 
                    + '" class="fancyboxseismic"' 
                    +'></a>'
            );
        }
    }

    $(".fancyboxseismic").fancybox({
    });

html输出是

<div id="seisUrl" style="">
<a class="fancyboxseismic" rev="http://website-dev.uk.spectrumasa.com/mcmap//public/filespool/2/270/thumbnail_seismic_CroatianAdriatic3.jpg" href="http://website-dev.uk.spectrumasa.com/mcmap//public/filespool/2/270/thumbnail_seismic_CroatianAdriatic3.jpg" rel="zoom-id:zoom; seismic"></a>
<a class="fancyboxseismic" rev="http://website-dev.uk.spectrumasa.com/mcmap//public/filespool/2/270/thumbnail_seismic_CroatianAdriatic2.jpg" href="http://website-dev.uk.spectrumasa.com/mcmap//public/filespool/2/270/thumbnail_seismic_CroatianAdriatic2.jpg" rel="zoom-id:zoom; seismic"></a>
</div>

这似乎在我当前的网站上运行良好，您可以通过浏览 http://www.spectrumasa.com/mcmap/large.php 找到该网站。然后去地中海-> 亚得里亚海-> 克罗地亚。有问题的按钮是“地震”。

在我的开发盒上，我已将 fancybox 更新到 2.1.5 版本。我已将按钮从列表项更改为 div 中的普通标签。使用 css 内联样式。我没有更改任何其他代码，但fancybox 似乎无法获取图像类。当我在通过 jquery 附加图像后查看源代码时，它不存在。但是我可以在 firbug 控制台中看到它。

似乎适用于here，但似乎不适用于 dev bnox

【问题讨论】：

标签： javascript jquery fancybox magiczoom

【解决方案1】：

我有一个我不应该有的fancybox 课程。它确实工作正常。

"<a class='btn'  href=\"#\"  onclick=\"trackFactsheetView("+surveyId+",\'seismic\');\" >Seismic</a>"

此链接正在调用另一个触发 fancyboxseismic 的函数。

【讨论】：