Question

我已将colorbox jQuery插件集成到Wordpress主题中。但是在它显示的主页上 $("a[rel='example1']").colorbox不是函数

但是当我在内页上运行代码时，它的工作正常。

请帮忙

链接到网站：http://lab.pixzon.com/ca

以下是头文件的代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?php echo bloginfo('title');?></title>
<link rel="shortcut icon" href="<?php echo bloginfo('template_url')?>/images/icon.jpg"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="<?php echo bloginfo('stylesheet_url')?>" type="text/css" rel="stylesheet" />
<link media="screen" rel="stylesheet" href="<?php echo bloginfo('template_url')?>/css/colorbox.css" />
<script src="<?php echo bloginfo('template_url')?>/colorbox/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo bloginfo('template_url')?>/js/browcss.js"></script>
<script src="<?php echo bloginfo('template_url')?>/colorbox/jquery.colorbox.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo bloginfo('template_url')?>/js/site.js"></script>
<script language="JavaScript" src="<?php echo bloginfo('template_url')?>/js/swfobject.js"></script>
<?php 
wp_head();
?>

Answer 1

您的问题是，您正在加载两个版本的jQuery。

实际发生的事情：加载第一个jQuery，然后使用Colorbox插件扩展它，然后再次覆盖第一个（扩展的）jQuery。只需删除对jQuery的最后一个引用，你应该很好。

编辑：查看我怀疑的代码，您的wp_head();电话正在添加第二个参考。

EDIT2：在主页上，正在重新加载jQuery脚本（在poll div内）

Answer 2

您可以查看主页来源：

实施例。

查看主页网站的页面来源。
检查该代码的所有依赖项是否包含在标头中/代码是否高于其依赖项。恩。一个实例是jquery未包含在主页中。你使用不同的JavaScript框架？如果是，那么你需要放一个Jquery没有冲突代码。

可能的原因：

其中一个最接近的原因是由于缺少依赖性而不将其视为函数。

Answer 3

尝试以这种形式使用jQuery：

jQuery(document).ready(function(){
   jQuery("a[rel='example1']").colorbox
});

它应该有用。

$（＆＃34; a [rel =＆＃39; example1＆＃39;]＆＃34;）。colorbox不是函数

3 个答案: