$ ("a [rel = 'example1']"). colorbox не является функцией - PullRequest
1 голос
/ 16 декабря 2010

Я интегрировал плагин 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();
?>

Ответы [ 3 ]

6 голосов
/ 16 декабря 2010

Ваша проблема в том, что вы загружаете две версии jQuery.

Что на самом деле происходит: вы загружаете первый jQuery, затем расширяете его с помощью плагина Colorbox и затем перезаписываете свой первый (расширенный) jQuery снова.Просто удалите последнюю ссылку на jQuery, и все будет хорошо.

РЕДАКТИРОВАТЬ: глядя на ваш код, я подозреваю, что ваш вызов wp_head(); добавляет вторую ссылку.На домашней странице скрипт jQuery перезагружается в теле (внутри опроса div)

1 голос
/ 23 февраля 2011

попробуйте использовать jQuery в этой форме:

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

Это должно работать.

1 голос
/ 16 декабря 2010

Вы можете проверить свою домашнюю страницу источник:

Ex.

  1. Просмотр исходной страницы вашего сайта.
  2. Проверьте, включены ли все зависимости этого кода в заголовок / код находится выше его зависимостей. ех. Один экземпляр jquery не включен в домашнюю страницу. Используете ли вы другой Javascript Framework? если да, то вам нужно поместить код Jquery no Conflict.

Возможная причина:

Одна из ближайших причин, почему она не рассматривается как функция из-за отсутствия зависимостей.

...