Javascript fancybox在新选项卡中打开

我有以下html：

<a href="createCompany/getOriginalImage/1" class="fancy_image"><img id="right_tab_image" src="createCompany/getSmallThumbnail/1" alt=""></a>

并在页面中包括以下来源：

但当我点击href时，图像会在另一个选项卡中打开

---

我忘记了什么？

对所提供代码的模仿似乎有效：

HTML 看

因此，您应该尝试让它工作：

使用最新版本的jQuery和最新版本的fancybox。 确保fancybox.js已实际加载 以完整的格式指定图像链接http://.. 总体安排

---

我想如果你遵循所有这些要点，它会起作用的。否则，请检查其他插件是否会导致fancybox出现问题

是的，这很有效。我不能在fancybox中将类型设置为image。最后，fancybox在活动的flex幻灯片上放置了一个空的占位符div标记。这导致空白出现在花式方框的背景中。它已通过以下设置修复

window.setTimeout(function () {
    jQuery('.slides a.fancybox')
        .attr('rel', 'gallery')
        .fancybox({
            arrows: true,
            type:'image'
        })
});

---

确保这不是一个提升问题，并且jQuery在加载任何其他js之前。然后检查fancybox.js是否在其js助手之前加载。然后您的自定义代码应该在末尾加载确保fancybox.js确实加载了如何检查它？。最简单的方法是尝试fancybox的一个非常简单的示例，看看该行为是否符合预期。不要忘记，锚定标记应该具有href属性，并带有指向目标图像的路径。我想这是关键。

<a class="fancybox" href="http://picsofcanada.com/wp-content/uploads/2014/03/11wwartsuewilkinslooktothecoast.jpg"
style='width:50px;'> 
<!-- Note that FancyBox ignores this width styling -->
<img src="http://picsofcanada.com/wp-content/uploads/2014/03/11wwartsuewilkinslooktothecoast-150x150.jpg" alt="" /><br>
<b>Click to trigger Fancybox</b></div>

$(document).ready(function () {
    $('.fancybox').fancybox({
       padding: 0,
       type        : 'image',
       openEffect  : 'none',
       closeEffect : 'none'
    });
});

window.setTimeout(function () {
    jQuery('.slides a.fancybox')
        .attr('rel', 'gallery')
        .fancybox({
            arrows: true,
            type:'image'
        })
});