Question

当我在正文中添加以下脚本时，我的fancybox代码不起作用。这里的问题是什么？

＆＃13;

$(document).ready(function() {
    $("a#example4").fancybox({
        'opacity'       : true,
        'overlayShow'	: false,
        'transitionIn'	: 'elastic',
        'transitionOut'	: 'none'
    });
});

＆＃13;

<head>
    <meta charset="utf-8" />
    <script type="text/javascript" Src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
</head>

<body>
    <a id='example4' href='./example/4_b.jpg'>Image</a>

    <!--WHEN I ADD THIS LINES-->
    <!-------------------------------------------->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/skel.min.js"></script>
    <!-------------------------------------------->
</body>

＆＃13;

Answer 1

我认为其中一个问题是你要包括jQuery两次，一次在<head>部分，一次在<body>部分。你应该只包括一次。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <link rel="stylesheet" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
</head>

<body>
    <a id='example4' href='./example/4_b.jpg'>Image</a>

    <!--WHEN I ADD THIS LINES-->
    <!-------------------------------------------->
    <!-- <script src="assets/js/jquery.min.js"></script>  -->
    <script src="assets/js/skel.min.js"></script>
    <!-------------------------------------------->
</body>
</html>

Fancybox不能正常工作

1 个答案: