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

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

以下是有关Fancybox的一些事项：

需要有效的doctype
需要jQuery和fancybox js文件。
需要fancybox css文件。

此外，你的$（selector）.fancybox（{...语句必须在$（document）.read（function {... statement。

Answer 2

您可以发布更完整的代码示例吗？你收到任何javascript错误吗？当我不包括fancybox插件js文件的正确路径时，我也看到了这一点。

Answer 3

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

例如：

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

花哨的盒子直接对链接做了

3 个答案: