Fix: TypeError: jQuery(.sf-menu).superfish is not a function

14. September 2015 at 15:40

XHTML

If you’re working with the superfish drop down menu and you’re getting the error message „TypeError: jQuery(.sf-menu).superfish is not a function“ it is possible that you’re loading the jquery script twice, e.g.:

<script type="text/javascript" src="/assets/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="/skin/frontend/default/default/js/jquery-1.11.1.min.js"></script>

Solution 1

Remove the dublicated js-implementation (remove one of this lines)

Solution 2

If you need to include two versions of jquery on the same page because of plugin support or so …
Change the lines

jQuery(function(){
	jQuery('.sf-menu').superfish()
})

to

jQuery(function(){
	$(document).ready(function(){
		jQuery('.sf-menu').superfish()
	});
})

if you get an error like „$(document).ready is not a function“
use:

(function($){
	$(document).ready(function(){
		$('.sf-menu').superfish()
	});
})(jQuery);

Please share this article von facebook & google plus or where you want, thank you!

Aktualisiertes jQuery Visual Cheat Sheet v1.6

20. Mai 2011 at 21:18

Antonio Lupetti hat sein jQuery Visual Cheat Sheet auf die Version 1.6 aktualisiert. Das aktualisierte Cheat Sheet beinhaltet alle Funktionen und Ausdrücke, die in der jQuery 1.6 API verfügbar sind.

Download:  PDF-Dokument (auch für das iPad optimiert)
Download: Scribd Version

Video: Tiefer Einblick in JQuery von Ben Nadel

9. Februar 2011 at 12:59

Die mächtige und umfangreiche Javascript-Bibliothek jQuery, mittlerweile in Version 1.5 verfügbar, sollte jedem Webentwickler ein Begriff sein. Gerade da diese sehr umfangreich ist, ist es oft hilfreich verschiedene Tutorials zu lesen, sind Bücher doch zu schnell nicht mehr auf dem aktuellen Stand.

Sehr zu empfehlen ist das Video Tutorial von JQuery Chief Web Developer Ben Nadel.  In dem Video gibt er in Form einer Präsentation einen intensiven Einblick in jQuery und mit all seinen Komponenten. Er geht zwar nur kurz auf die einzelnen Bestandteile ein, zeigt allerdings diese auch anhand kleiner Beispiele. Ca. 100 Minuten Videomaterial sind enthalten.

Sehr empfehlenswert für jQuery Einsteiger und Entwickler über diesem Level hinaus.

Zum Video “An Intensive Exploration Of jQuery With Ben Nadel”

Firefox – nützliche Plugins für Webmaster & SEO

27. September 2010 at 11:49

Zur erstellung & Optimierung von Webpages empfehle ich folgende 2 Plugins für den Firefox:

Html Validator– w3c validation

Page Speed (benötigt firebug plugin)

Foxy SEO Tool – some SEO Features

CSS ReloaderCSS Reloader is an extension that allows you to reload all the CSS of any site without you have to reload the page itself.

FireQuery – a Firebug extension for jQuery development

SenSEO – SenSEO analyzes web pages and tells you how good they fulfill on-page Search Engine optimization criteria. SenSEO is a Firefox add-on integrated with the popular Firebug web development tool. The code is based on the YSlow extension.

Eventbug – diese Extension erweitert Firebug um ein „Events“-Tab und soll die Arbeit mit Event-Handlers erleichtern.

SeoQuake SEO– SeoQuake ist eine SEO-Extension für Webmasters, die mit Suchmaschinenoptimierung (SEO) und Internet-Promotion von Webseiten zu tun haben. SeoQuake ermöglicht die Erfassung und Analyse vieler wichtigen SEO-Parameter von einem Internet-Projekt

User Agent Switcher – Switch Agent to Mobile, GoogleBot, etc

JQuery Tutorial für Anfänger & HTML5 & CSS3 Tools & Anleitungen

25. März 2010 at 11:51

Bestimmt für den ein oder anderen Einsteiger nützlich, deshalb wollen wir euch die Links nicht vorenthalten.

jQuery Tutorial für Anfänger

22 Handy HTML5 & CSS3 Tools, Resources And Guides

Cheet Sheets für Web-Entwickler

28. Oktober 2009 at 09:10

Hier findet ihr ein paar nützliche Cheet-Sheets für Web-Entwickler für HTML, XHTML, CSS, Apache, mod_rewrite, reguläre Ausdrücke, Java-Script, MySQL, Smarty und Jquery.