Question

当点击“打开窗口”时，我有以下简单代码在fancybox中显示图像。

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <!-- Add fancyBox -->
    <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>
    <script type="text/javascript">
        $(document).ready(function() {    
           $("a#fancybox").fancybox();
       });      
    </script>
</head>
<body>
   <a id="fancybox" class="fancybox" href="welcome.png">open window</a>
</body>
</html>

但是当我点击链接时，图像会显示但不会显示在fancybox中。 IE的调试器出现以下错误：

SCRIPT438: Object doesn't support property or method 'fancybox'

为什么会发生错误？我怎样才能让fancybox工作？

谢谢。

Answer 1

在文档中他们使用id标记而不是class :: html：

 <a id="single_image" href="image_big.jpg"><img src="image_small.jpg" alt=""/></a>

js：

$(document).ready(function() {

    /* This is basic - uses default settings */

    $("a#single_image").fancybox();
// do stuff 
}

但是尝试指定您在选择器中使用链接，请尝试：$（“a.fancybox”）

文档＆amp;例子:: http://fancybox.net/howto

Answer 2

您似乎需要修复<head>标记。尝试添加开始<head>标记以避免脚本加载问题

Answer 3

由于您的JavaScript或HTML中没有错误，因此问题很可能出在您所包含的脚本中。确保您的fancybox脚本和样式表的路径正确无误。祝你好运！

JQuery Fancybox没有加载

3 个答案: