编辑：我收到以下两个错误：

Question

我是一个非常新的初学者并且一直在阅读帮助论坛。我想做的就是（现在）有一个图像（“mygoal.png”）显示在屏幕的中央，平滑过渡。我希望这个图像能够显示为一个美化的弹出框，这首先是我把它带到了fancybox。

编辑：我收到以下两个错误：

1) uncaught referenceerror: jquery is not defined 

2) uncaught typeerro: object #<object> has no method fancybox

我将所有代码放在一个文档中 - 我希望这是jQuery的正确做法。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<script src="jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<link href="jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css">

<script type="text/javascript">

$(document).ready(function() {

/* I can't get the below code to work */

    $("a#single_image").click(function(event){

        'transitionIn'  :   'elastic',
        'transitionOut' :   'elastic',
        'speedIn'       :   600,
        'speedOut'      :   200, 
        'overlayShow'   :   false           

       });

});


</script>

</head>

<body>

<a id="single_image" href="mygoal.png"><img src="mygoal.png" alt=""></a>


</body>

</html>

有人在上面的代码中看到我的错误吗？当我现在单击图像时，它只会将我带到一个新页面 - 但根本没有效果。

感谢您阅读，

埃文

Answer 1

这是因为你在JQuery Script之前定义了Fancybox脚本。

fancybox脚本正在使用JQuery方法，因为你还没有定义JQuery，它会导致异常：

//JQUERY FIRST
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
//FANCYBOX SECOND
<script src="jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>    
<link href="jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css">

Answer 2

应该是。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" />
<script src="jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js" />

jQuery需要在使用它之前引用。

Answer 3

我能够让这个工作 - 不幸的是我错过了以下参考：

任何人都可以用我的jQuery代码--Fancybox发现问题

编辑：我收到以下两个错误：

3 个答案: