$("a[rel='example1']").colorbox 不是函数答案

【问题标题】：$("a[rel='example1']").colorbox is not a function$("a[rel='example1']").colorbox 不是函数
【发布时间】：2010-12-16 07:49:53
【问题描述】：

我已将颜色框 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();
?>

【问题讨论】：

你上传了 ColorBox 插件吗？你是如何链接到文件的？
@codemaster 是 jquery 和其他插件发生冲突吗？你能试试jquery非冲突吗
确切的错误是什么？
如果没有更多信息，这个问题几乎无法回答。我们可以生成一个合理的原因列表供您进行故障排除，但为什么不简单地展示一些代码或示例站点的链接呢？
问题一直出现在网站首页...

标签： jquery wordpress colorbox

【解决方案1】：

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

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

编辑：查看您的代码，我怀疑您的 wp_head(); 调用正在添加第二个引用。

EDIT2：在主页上，jQuery 脚本正在重新加载到正文中（在投票div 内）

【讨论】：

@sbestform：如果问题必须持续存在，那么所有页面上的问题都应该相同。但是这个问题只在首页产生，其他页面没有。
在主页上，您正在重新加载投票 div 中的 jquery 脚本。
非常感谢您的帮助

【解决方案2】：

尝试以这种形式使用 jQuery：

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

它应该可以工作。

【讨论】：

【解决方案3】：

您可以查看您的主页来源：

例如。

查看您的主页站点的页面源代码。
检查该代码的所有依赖项是否包含在标头中/代码是否高于其依赖项。前任。一个实例是 jquery 不包含在主页中。您是否使用不同的 javascript 框架？如果是，那么您需要放置一个 Jquery no Conflict 代码。

可能的原因：

由于缺少依赖关系，它不被视为函数的最接近的原因之一。

【讨论】：

Janzell：我也尝试过无冲突代码，但我没有使用其他任何 JQuery 框架。
我明白了。我猜 Yi Jang 是正确的，wp_head(); 通常包含一个 jquery 库，所以，你可能会加载 jquery 库两次，这会导致冲突，这就是你的 colorbox 库的原因。未定义。