2010-12-16 7 views
1

Ich habe das colorbox jQuery Plugin in das Wordpress Theme integriert. Aber auf der Startseite zeigt es $("a[rel='example1']").colorbox keine Funktion

ist, aber wenn ich an den Innenseiten seiner adaequat den Code leite.

Bitte helfen

Link zur Website: http://lab.pixzon.com/ca

Unten ist der Code für die Header-Datei

<!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(); 
?> 

+0

Haben Sie das ColorBox-Plugin hochgeladen? Wie verlinken Sie mit der Datei? – BoltClock

+0

@codemaster ist jquery und andere plugin bekommen konflikt ?? können Sie versuchen, jQuery nicht Konflikt – kobe

+0

Was ist der genaue Fehler? –

Antwort

6

Ihr Problem ist, dass Sie zwei Versionen von jQuery laden.

Was passiert eigentlich: Sie laden die erste jQuery, dann erweitern Sie sie mit dem Colorbox Plugin und überschreiben dann Ihre erste (erweiterte) jQuery erneut. Entfernen Sie einfach den letzten Verweis auf jQuery und Sie sollten gut sein.

EDIT: Blick auf Ihren Code Ich vermute, dass Ihre Anruf die zweite Referenz hinzufügen.

EDIT2: Auf der Startseite wird die jQuery-Skript im Körper (in der Umfrage div)

+0

@bestform: Wenn das Problem bestehen bleibt, sollte es auf allen Seiten gleich sein. Aber dieses Problem wird auf der Homepage nur auf keiner anderen Seite erzeugt. –

+0

Auf der Startseite laden Sie das jquery-Skript erneut in das Poll-div. – bestform

+0

Vielen Dank für die Hilfe –

1

Sie können Sie Homepage Quelle überprüfen:

Bsp.

  1. Zeigen Sie die Seitenquelle Ihrer Homepage-Website an.
  2. Überprüfen Sie, ob alle Abhängigkeiten dieses Codes in der Kopfzeile enthalten sind/der Code befindet sich entweder oberhalb seiner Abhängigkeiten. ex. Eine Instanz ist Jquery ist nicht in der Homepage enthalten. Verwenden Sie ein anderes JavaScript-Framework? Wenn ja, müssen Sie einen Jquery no Conflict-Code eingeben.

Mögliche Ursache:

Einer der engsten Grund, warum es nicht als eine Funktion betrachtet wegen fehlenden Abhängigkeiten.

+0

Janzell: Ich habe versucht, die keine Konfliktcode auch und ich benutze kein anderes Framework andere JQuery. –

+0

Ich verstehe. Ich nehme an, Yi Jang ist korrekt, 'wp_head();' beinhaltet normalerweise eine jquery-Bibliothek, so dass Sie die jquery-Bibliothek möglicherweise zweimal laden, was zu einem Konflikt führt, weshalb Ihre colorbox lib. ist nicht definiert. –

1

try jQuery verwendet in dieser Form neu geladen werden:

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

sollte es funktionieren.