2012-04-15 5 views
0

Ich habe ein Kind-Thema in WordPress erstellt. Ich verwende jQuery, um Untermenüs zu verbergen und anzuzeigen. Alles funktioniert gut in allen Browsern außer IE. Im IE funktioniert keiner meiner jQuery für die Untermenüs. Wenn ich versuche zu debuggen, bekomme ich diesen Fehler.jQuery IE Fehler mit Wordpress: Zeile: 3 Fehler: Syntaxfehler, unerkannter Ausdruck: nth-of-type

Line: 3 Fehler: Syntaxfehler, unerkannt Ausdruck: n-of-Typ

Dieser Fehler in der Build-in jQuery-Bibliothek erscheint, die Anwendungen Wordpress. Ich verwende Nth-of-Type-Selektoren in meiner eigenen Jquery, aber selbst wenn ich sie entferne, bleibt das Problem bestehen. Dies ist die jQuery ich die Untermenüs

if ($("body").hasClass('taxonomy-colordesign')){ 
$("#hybrid-categories-5 h4").toggleClass("tabDown");//pulls the background image in the tab 
$("#hybrid-categories-5 h4").siblings('.dots').toggleClass('active');//activates the little square next to it 
$("#hybrid-categories-5 h4").next("ul.xoxo.categories").toggleClass("openTab");//opens up the ul that contains the list of options 
$(".menu-main-menu-container li:nth-of-type(3) a").addClass("current"); 
} 

else if ($("body").hasClass('taxonomy-colorart')){ 
$("#hybrid-categories-12 h4").toggleClass("tabDown"); 
$("#hybrid-categories-12 h4").siblings('.dots').toggleClass('active'); 
$("#hybrid-categories-12 h4").next("ul.xoxo.categories").toggleClass("openTab"); 
$(" #hybrid-categories-9, #hybrid-categories-3, #hybrid-categories-5").hide(); 
$(".menu-main-menu-container li:nth-of-type(2) a").addClass("current"); 

} 

else if ($("body").hasClass('taxonomy-mediadesign')){ 
$("#hybrid-categories-3 h4").toggleClass("tabDown"); 
$("#hybrid-categories-3 h4").siblings('.dots').toggleClass('active'); 
$("#hybrid-categories-3 h4").next("ul.xoxo.categories").toggleClass("openTab"); 
$(".menu-main-menu-container li:nth-of-type(3) a").addClass("current"); 

} 

zu steuern bin mit Wenn jemand mir helfen könnte ich es wirklich schätzen würde.

Antwort

2

cos die n-te-of-Typ ist kein gültiger jQuery-Selektor ..

Eg.

$(".menu-main-menu-container li:nth-of-type(2) a").addClass("current"); ist ungültig Änderung es

$(".menu-main-menu-container li:eq(2) a").addClass("current"); 

Sie http://api.jquery.com/nth-child-selector/ oder http://api.jquery.com/eq/ für docs

+0

Dank für die Hilfe beziehen, aber ich versuchte dies und es ist mir immer noch die gleichen Fehler zu geben. hier ist ein [link] (http://www.ryanswansondesign.com/Portfolio/art-portfolio/) –

+1

von Ihrer Seite sieht es aus wie es einen Syntaxfehler gibt, Klammer fehlt – Baz1nga

+0

Das hat perfekt funktioniert. Ich danke dir sehr! du hast meinen Tag gerettet! –

Verwandte Themen