Fancy box是直接对链接做的

Question

有这个 js

$(".features_edit").fancybox({
    'width'             : '38%',
    'height'            : '40%',
    'autoScale'         : false,
    'transitionIn'      : 'none',
    'transitionOut'     : 'none',
    'type'              : 'iframe'
});

我的 html

 <li><a href="http://somthing.com/side/48/features/553/edit" class="features_edit">Apples</a></li>
 <li><a href="http://somthing.com/side/48/features/554/edit" class="features_edit">Oranges</a></li>
 <li><a href="http://somthing.com/side/48/features/555/edit" class="features_edit">Pears</a></li>

，但是当我单击链接时，它会转到该位置而不是灯箱 任何想法

好吧，这里有更多信息

所有链接都被添加到我的javascript中，所以当我这样做时

$(".features_edit").click(function(){
  console.log("testing");
});

什么也没有发生，所以也许我需要某种现场或其他东西来使其工作任何想法

Answer 1

您能发布更完整的代码示例吗？您遇到任何 JavaScript 错误吗？当不包含 fancybox 插件 js 文件的正确路径时，我也看到了这种情况。

Answer 2

确保在文档准备好后调用 $.fancybox。

例如：

jQuery(document).ready(function($){
$(".features_edit").fancybox({
    'width'             : '38%',
    'height'            : '40%',
    'autoScale'         : false,
    'transitionIn'      : 'none',
    'transitionOut'     : 'none',
    'type'              : 'iframe'
});
});

Answer 3

该文档的链接如下。
http://fancybox.net/howto

以下是有关 Fancybox 需要考虑的一些事项：

1. 需要有效的文档类型
2. 需要 jQuery 和fancybox.js 文件。
3. 需要 fancybox css 文件。

此外，您的 $(selector).fancybox({... 语句必须位于 $(document).read(function{... 语句内。