Question

正如这篇文章的标题所说，由于我将fancybox的源添加到我的文件中，其他js函数不再起作用了。如果我切换js源文件的位置并将其放在fancybox的js源文件之后，我的js函数可以工作但是fancybox没有，另一方面，fancybox工作但我的js函数没有。

这是我文件的标题：

<head>

<link rel="shortcut icon" type="image/x-icon" href="imagens/its.png">
<link href="css/mystyle.css" rel="stylesheet" type="text/css"> <!-- MY CSS -->
<link href="http://fonts.googleapis.com/css?family=Amaranth" rel="stylesheet" type="text/css">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

<!-- FANCY BOX SOURCES -->

<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="fancybox/lib/jquery.mousewheel-3.0.6.pack.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>

<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

<link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

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

<!-- FANCY BOX SOURCES -->

<script src="js/myjs.js"></script> <!-- MY JS SOURCE FILE -->

我认为src =“http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js”正在发生一些冲突。我能做什么？

Answer 1

您为自己的代码http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js导入了一个非常旧版本的jQuery，但随后导入了Fancybox的最新版本http://code.jquery.com/jquery-latest.min.js

jQuery库中的许多内容已经发展，因为1.3几乎 5年前发布了，并且几个旧的API不再有效。理想的做法是使您自己的代码现代化，然后只导入一次jQuery（一个新的或新的版本）。

首先检查错误控制台，找出问题所在。

由于我添加了fancybox的js文件，js的某些功能不起作用

1 个答案: