Auf Thema antworten

Beitrag

<blockquote data-quote="dn3d_fanboy" data-source="post: 2579522" data-attributes="member: 547472">Guten morgen,WordPress und Javascript treibt mich mal wieder zum Wahnsinn.Und zwar habe ich über die functions.php eine eigene JS-Datei eingefügt, in der einige Scripte zusammengeführt sind, um Requests zu minimieren.Soweit so gut. Bis eben funktionierte auch alles einwandfrei. Jetzt habe ich in der Datei ein weiteres Script eingefügt (Tree-Menu für die Sidebar) und auf einmal wird die Datei nicht mehr ausgeführt (in einer statischen Testversion lief alles problemlos).Die JS-Datei sieht wie folgt aus:[code=JavaScript]// TOGGLE SIDEBAR MENU(function( $ ){&nbsp; $.fn.originalToggle = function( fn, fn2 ) {&nbsp; &nbsp; var args = arguments,guid = fn.guid || $.guid++,i=0,&nbsp; &nbsp; toggler = function( event ) {&nbsp; &nbsp; &nbsp; var lastToggle = ( $._data( this, &quot;lastToggle&quot; + fn.guid ) || 0 ) % i;&nbsp; &nbsp; &nbsp; $._data( this, &quot;lastToggle&quot; + fn.guid, lastToggle + 1 );&nbsp; &nbsp; &nbsp; event.preventDefault();&nbsp; &nbsp; &nbsp; return args[ lastToggle ].apply( this, arguments ) || false;&nbsp; &nbsp; };&nbsp; &nbsp; toggler.guid = guid;&nbsp; &nbsp; while ( i &lt; args.length ) {&nbsp; &nbsp; &nbsp; args[ i++ ].guid = guid;&nbsp; &nbsp; }&nbsp; &nbsp; return this.click( toggler );&nbsp; };})( jQuery );/* Alternative toggle */(function( $ ){&nbsp; &nbsp; $.fn.selfmadeToggle = function(){&nbsp; &nbsp; &nbsp; &nbsp; var functions = arguments ;&nbsp; &nbsp; &nbsp; &nbsp; return this.click(function(e){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; e.preventDefault();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; var iteration = $(this).data('iteration') || 0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; functions[iteration].apply(this, arguments);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; iteration = (iteration + 1) % functions.length ;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).data('iteration', iteration);&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; };})( jQuery );/* click toggle */&nbsp; &nbsp; var tree = {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; init: function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var $obj = $(&quot;.sidebar .menu li ul&quot;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (!$obj.length) return;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $obj.find(&quot;ul&quot;).each(function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).css(&quot;display&quot;, &quot;none&quot;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&quot;li:not(:has(ul))&quot;).find(&quot;a&quot;).addClass(&quot;leaf&quot;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $obj.find(&quot;a&quot;).selfmadeToggle(function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).parent().find(&quot;ul:first&quot;).slideDown(400);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; tree.classManager($(this));&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).parent().find(&quot;ul:first&quot;).slideUp(400);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; tree.classManager($(this));&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $obj.find(&quot;a&quot;).dblclick( function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; window.location = $(this).attr(&quot;href&quot;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; classManager: function($obj) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (!$obj.hasClass(&quot;leaf&quot;)) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $obj.toggleClass(&quot;selected&quot;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; };$(document).ready(tree.init);// RESPONSIVE MAIN-MENU( function( $ ) {$( document ).ready(function() {$('#cssmenu').prepend('&lt;div id=&quot;indicatorContainer&quot;&gt;&lt;div id=&quot;pIndicator&quot;&gt;&lt;div id=&quot;cIndicator&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;');&nbsp; &nbsp; var activeElement = $('#cssmenu&gt;ul&gt;li:first');&nbsp; &nbsp; $('#cssmenu&gt;ul&gt;li').each(function() {&nbsp; &nbsp; &nbsp; &nbsp; if ($(this).hasClass('active')) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; activeElement = $(this);&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; });&nbsp; &nbsp; var posLeft = activeElement.position().left;&nbsp; &nbsp; var elementWidth = activeElement.width();&nbsp; &nbsp; posLeft = posLeft + elementWidth/2 -6;&nbsp; &nbsp; if (activeElement.hasClass('has-sub')) {&nbsp; &nbsp; &nbsp; &nbsp; posLeft -= 6;&nbsp; &nbsp; }&nbsp; &nbsp; $('#cssmenu #pIndicator').css('left', posLeft);&nbsp; &nbsp; var element, leftPos, indicator = $('#cssmenu pIndicator');&nbsp; &nbsp; &nbsp; $(&quot;#cssmenu&gt;ul&gt;li&quot;).hover(function() {&nbsp; &nbsp; &nbsp; &nbsp; element = $(this);&nbsp; &nbsp; &nbsp; &nbsp; var w = element.width();&nbsp; &nbsp; &nbsp; &nbsp; if ($(this).hasClass('has-sub'))&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; leftPos = element.position().left + w/2 - 12;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; else {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; leftPos = element.position().left + w/2 - 6;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; $('#cssmenu #pIndicator').css('left', leftPos);&nbsp; &nbsp; }&nbsp; &nbsp; , function() {&nbsp; &nbsp; &nbsp; &nbsp; $('#cssmenu #pIndicator').css('left', posLeft);&nbsp; &nbsp; });&nbsp; &nbsp; $('#cssmenu&gt;ul').prepend('&lt;li id=&quot;menu-button&quot;&gt;&lt;a&gt;Menü&lt;/a&gt;&lt;/li&gt;');&nbsp; &nbsp; $( &quot;#menu-button&quot; ).click(function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if ($(this).parent().hasClass('open')) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).parent().removeClass('open');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; else {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).parent().addClass('open');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; });});} )( jQuery );// SCROLL TO TOPjQuery(document).ready(function($){&nbsp; &nbsp; $(window).scroll(function(){&nbsp; &nbsp; &nbsp; &nbsp; if ($(this).scrollTop() &gt; 300) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $('#backToTop').fadeIn('slow');&nbsp; &nbsp; &nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $('#backToTop').fadeOut('slow');&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; });&nbsp; &nbsp; $('#backToTop').click(function(){&nbsp; &nbsp; &nbsp; &nbsp; $(&quot;html, body&quot;).animate({ scrollTop: 0 }, 500);&nbsp; &nbsp; &nbsp; &nbsp; return false;&nbsp; &nbsp; });});// CLASSIE - FUER SIDEBAR-PUSH BEI RESPONSIVE/*!* classie - class helper functions* from bonzo https://github.com/ded/bonzo** classie.has( elem, 'my-class' ) -&gt; true/false* classie.add( elem, 'my-new-class' )* classie.remove( elem, 'my-unwanted-class' )* classie.toggle( elem, 'my-class' )*//*jshint browser: true, strict: true, undef: true */( function( window ) {'use strict';// class helper functions from bonzo https://github.com/ded/bonzofunction classReg( className ) {&nbsp; return new RegExp(&quot;(^|\\s+)&quot; + className + &quot;(\\s+|$)&quot;);}// classList support for class management// altho to be fair, the api sucks because it won't accept multiple classes at oncevar hasClass, addClass, removeClass;if ( 'classList' in document.documentElement ) {&nbsp; hasClass = function( elem, c ) {&nbsp; &nbsp; return elem.classList.contains( c );&nbsp; };&nbsp; addClass = function( elem, c ) {&nbsp; &nbsp; elem.classList.add( c );&nbsp; };&nbsp; removeClass = function( elem, c ) {&nbsp; &nbsp; elem.classList.remove( c );&nbsp; };}else {&nbsp; hasClass = function( elem, c ) {&nbsp; &nbsp; return classReg( c ).test( elem.className );&nbsp; };&nbsp; addClass = function( elem, c ) {&nbsp; &nbsp; if ( !hasClass( elem, c ) ) {&nbsp; &nbsp; &nbsp; elem.className = elem.className + ' ' + c;&nbsp; &nbsp; }&nbsp; };&nbsp; removeClass = function( elem, c ) {&nbsp; &nbsp; elem.className = elem.className.replace( classReg( c ), ' ' );&nbsp; };}function toggleClass( elem, c ) {&nbsp; var fn = hasClass( elem, c ) ? removeClass : addClass;&nbsp; fn( elem, c );}window.classie = {&nbsp; // full names&nbsp; hasClass: hasClass,&nbsp; addClass: addClass,&nbsp; removeClass: removeClass,&nbsp; toggleClass: toggleClass,&nbsp; // short names&nbsp; has: hasClass,&nbsp; add: addClass,&nbsp; remove: removeClass,&nbsp; toggle: toggleClass};})( window );[/code]Die Website, um die es geht, ist folgende:Leider wird mir mit Firebug auch kein Fehler angezeigt, so dass ich nicht weiß wonach ich suchen, bzw. was ich ändern soll.Vielleicht könnt ihr mir helfen.Besten Dank im Voraus.</blockquote>

[QUOTE="dn3d_fanboy, post: 2579522, member: 547472"] Guten morgen, WordPress und Javascript treibt mich mal wieder zum Wahnsinn. Und zwar habe ich über die functions.php eine eigene JS-Datei eingefügt, in der einige Scripte zusammengeführt sind, um Requests zu minimieren. Soweit so gut. Bis eben funktionierte auch alles einwandfrei. Jetzt habe ich in der Datei ein weiteres Script eingefügt (Tree-Menu für die Sidebar) und auf einmal wird die Datei nicht mehr ausgeführt (in einer statischen Testversion lief alles problemlos). Die JS-Datei sieht wie folgt aus: [code=JavaScript]// TOGGLE SIDEBAR MENU (function( $ ){ $.fn.originalToggle = function( fn, fn2 ) { var args = arguments,guid = fn.guid || $.guid++,i=0, toggler = function( event ) { var lastToggle = ( $._data( this, "lastToggle" + fn.guid ) || 0 ) % i; $._data( this, "lastToggle" + fn.guid, lastToggle + 1 ); event.preventDefault(); return args[ lastToggle ].apply( this, arguments ) || false; }; toggler.guid = guid; while ( i < args.length ) { args[ i++ ].guid = guid; } return this.click( toggler ); }; })( jQuery ); /* Alternative toggle */ (function( $ ){ $.fn.selfmadeToggle = function(){ var functions = arguments ; return this.click(function(e){ e.preventDefault(); var iteration = $(this).data('iteration') || 0; functions[iteration].apply(this, arguments); iteration = (iteration + 1) % functions.length ; $(this).data('iteration', iteration); }); }; })( jQuery ); /* click toggle */ var tree = { init: function() { var $obj = $(".sidebar .menu li ul"); if (!$obj.length) return; $obj.find("ul").each(function() { $(this).css("display", "none"); }); $("li:not(:has(ul))").find("a").addClass("leaf"); $obj.find("a").selfmadeToggle(function() { $(this).parent().find("ul:first").slideDown(400); tree.classManager($(this)); },function() { $(this).parent().find("ul:first").slideUp(400); tree.classManager($(this)); }); $obj.find("a").dblclick( function() { window.location = $(this).attr("href"); }); }, classManager: function($obj) { if (!$obj.hasClass("leaf")) { $obj.toggleClass("selected"); } } }; $(document).ready(tree.init); // RESPONSIVE MAIN-MENU ( function( $ ) { $( document ).ready(function() { $('#cssmenu').prepend('<div id="indicatorContainer"><div id="pIndicator"><div id="cIndicator"></div></div></div>'); var activeElement = $('#cssmenu>ul>li:first'); $('#cssmenu>ul>li').each(function() { if ($(this).hasClass('active')) { activeElement = $(this); } }); var posLeft = activeElement.position().left; var elementWidth = activeElement.width(); posLeft = posLeft + elementWidth/2 -6; if (activeElement.hasClass('has-sub')) { posLeft -= 6; } $('#cssmenu #pIndicator').css('left', posLeft); var element, leftPos, indicator = $('#cssmenu pIndicator'); $("#cssmenu>ul>li").hover(function() { element = $(this); var w = element.width(); if ($(this).hasClass('has-sub')) { leftPos = element.position().left + w/2 - 12; } else { leftPos = element.position().left + w/2 - 6; } $('#cssmenu #pIndicator').css('left', leftPos); } , function() { $('#cssmenu #pIndicator').css('left', posLeft); }); $('#cssmenu>ul').prepend('<li id="menu-button"><a>Menü</a></li>'); $( "#menu-button" ).click(function(){ if ($(this).parent().hasClass('open')) { $(this).parent().removeClass('open'); } else { $(this).parent().addClass('open'); } }); }); } )( jQuery ); // SCROLL TO TOP jQuery(document).ready(function($){ $(window).scroll(function(){ if ($(this).scrollTop() > 300) { $('#backToTop').fadeIn('slow'); } else { $('#backToTop').fadeOut('slow'); } }); $('#backToTop').click(function(){ $("html, body").animate({ scrollTop: 0 }, 500); return false; }); }); // CLASSIE - FUER SIDEBAR-PUSH BEI RESPONSIVE /*! * classie - class helper functions * from bonzo https://github.com/ded/bonzo * * classie.has( elem, 'my-class' ) -> true/false * classie.add( elem, 'my-new-class' ) * classie.remove( elem, 'my-unwanted-class' ) * classie.toggle( elem, 'my-class' ) */ /*jshint browser: true, strict: true, undef: true */ ( function( window ) { 'use strict'; // class helper functions from bonzo https://github.com/ded/bonzo function classReg( className ) { return new RegExp("(^|\\s+)" + className + "(\\s+|$)"); } // classList support for class management // altho to be fair, the api sucks because it won't accept multiple classes at once var hasClass, addClass, removeClass; if ( 'classList' in document.documentElement ) { hasClass = function( elem, c ) { return elem.classList.contains( c ); }; addClass = function( elem, c ) { elem.classList.add( c ); }; removeClass = function( elem, c ) { elem.classList.remove( c ); }; } else { hasClass = function( elem, c ) { return classReg( c ).test( elem.className ); }; addClass = function( elem, c ) { if ( !hasClass( elem, c ) ) { elem.className = elem.className + ' ' + c; } }; removeClass = function( elem, c ) { elem.className = elem.className.replace( classReg( c ), ' ' ); }; } function toggleClass( elem, c ) { var fn = hasClass( elem, c ) ? removeClass : addClass; fn( elem, c ); } window.classie = { // full names hasClass: hasClass, addClass: addClass, removeClass: removeClass, toggleClass: toggleClass, // short names has: hasClass, add: addClass, remove: removeClass, toggle: toggleClass }; })( window );[/code] Die Website, um die es geht, ist folgende: Leider wird mir mit Firebug auch kein Fehler angezeigt, so dass ich nicht weiß wonach ich suchen, bzw. was ich ändern soll. Vielleicht könnt ihr mir helfen. Besten Dank im Voraus. [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Der grüne Frosch hüpft über die Hügel an den Bäumen vorbei in die Höhle. Bitte nenne das zweite Wort!