Fatal编程技术网
  • javascript/
  • Javascript 如何解决jquery与其他库的冲突 ... $（文档）.ready（函数（）{ $（“.fancybox”）.fancybox（）； });

Javascript 如何解决jquery与其他库的冲突 ... $（文档）.ready（函数（）{ $（“.fancybox”）.fancybox（）； });

javascript jquery

Javascript 如何解决jquery与其他库的冲突 ... $（文档）.ready（函数（）{ $（“.fancybox”）.fancybox（）； });,javascript,jquery,Javascript,Jquery,请容忍我，因为我对web开发还很陌生，刚刚被投入到这个项目中 我正在实现fancybox，它需要加载jQuery。但是，当我将它们包括进来时，fancybox似乎与scripts.js和custom.js存在某种类型的冲突。不幸的是，我需要包含这两个脚本 我尝试过使用jQuery.noConflict（）在多个位置无效。我不知道接下来该怎么办 下面是两个有问题的.js文件（如果相关） custom.js： scripts.js： 检查一下 其他使用jquery的“$”等持有者的库也要小心 如

请容忍我，因为我对web开发还很陌生，刚刚被投入到这个项目中

我正在实现fancybox，它需要加载jQuery。但是，当我将它们包括进来时，fancybox似乎与
scripts.js
和
custom.js
存在某种类型的冲突。不幸的是，我需要包含这两个脚本

我尝试过使用
jQuery.noConflict（）在多个位置无效。我不知道接下来该怎么办

下面是两个有问题的.js文件（如果相关）

custom.js：



scripts.js：

检查一下



其他使用jquery的“$”等持有者的库也要小心

如果实现noConflict，则必须像这样调用jquery函数


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


<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


<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>
<script type="text/javascript" src="../../js/cufon-yui.js"></script>
<script type="text/javascript" src="../../js/TitilliumText.font.js"></script>
<script type="text/javascript" src="../../js/cufon-replace.js"></script>
<script type="text/javascript" src="../../js/shortcode.js"></script>
<script type="text/javascript" src="../../js/scripts.js"></script>
<script type="text/javascript" src="../../js/custom.js"></script>

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


在加载custom.js之前调用jQuery.noConflict（），或将其添加到文件开头，然后修改每个


jQuery(document).example();


到


在这些函数中，您可以像平常一样使用$Fancybox是一个jQuery插件，有文档记录可以使用
$
选择器。您应该删除任何
jQuery.noConflict（）
调用，因为它们需要更改所有脚本中
$
的每次使用

您是否检查了javascript控制台的错误


如果控制台中没有信息，那么如果您首先缩小可能负责的代码数量，那么识别问题就会容易得多。当您同时删除
scripts.js
和
custom.js
时，请验证Fancybox是否工作，然后检查它是否仅在删除
custom.js
时工作。一旦确定了负责的文件，请注释掉负责文件中模块的下半部分，然后再次检查。继续添加一半模块并重新检查，直到找到导致问题的模块
 javascript控制台中会出现哪些错误？（F12）“不工作”不是一个有用的问题描述。Console未显示任何错误。在“lightbox”中打开照片的预期行为中不工作不会发生。它只是将照片作为外部链接打开。它什么也不做

$(document).ready(function(){



jQuery(document).ready(function(){