Javascript Fancybox赢得'；行不通 $（文档）.ready（函数（）{ $（“单个图像”）.fancybox（）； });_Javascript_Jquery_Html_Fancybox

Javascript Fancybox赢得'；行不通 $（文档）.ready（函数（）{ $（“单个图像”）.fancybox（）； });

javascript jquery html

Javascript Fancybox赢得'；行不通 $（文档）.ready（函数（）{ $（“单个图像”）.fancybox（）； });,javascript,jquery,html,fancybox,Javascript,Jquery,Html,Fancybox,我试图让fancybox显示一个图像，但它只是在外部保持与图像的链接。这是我的代码的非常简短的版本，但它仍然不能正常工作。通常，这个问题是由两次加载jQuery引起的，但这里的情况似乎不是这样确保使用此处给出的说明工作代码： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <script

我试图让fancybox显示一个图像，但它只是在外部保持与图像的链接。这是我的代码的非常简短的版本，但它仍然不能正常工作。通常，这个问题是由两次加载jQuery引起的，但这里的情况似乎不是这样

确保使用此处给出的说明

工作代码：

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

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

<body>
<a id = "single_image" href = "images/decoration/bottom4.jpg"><img src="images/decoration/bottom4.jpg" alt=""/></a>
<script type="text/javascript">
    $(document).ready(function(){
        $("a#single_image").fancybox();
    });
</script>
</body>
</html>


$（文档）.ready（函数（）{
$（“.fancybox”）.fancybox（）；
});

控制台中有错误吗？根据fancybox版本的不同，jQuery 1.4可能不够最新。您还需要删除属性声明中的空白。

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

<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<link rel="stylesheet" href="../../fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="../../fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>

</head>

<body>
<a class="fancybox" rel="group" href="images/decoration/bottom4.jpg"><img src="images/decoration/bottom4.jpg" alt="" /></a>

<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>
</body>
</html>