php.de

Zurück   php.de > Webentwicklung > JavaScript, Ajax und mehr

JavaScript, Ajax und mehr dynamisches Scripten und Interaktion auf Clientebene

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 25.11.2010, 15:05  
Neuer Benutzer
 
Registriert seit: 25.11.2010
Beiträge: 6
PHP-Kenntnisse:
Anfänger
Finvaron befindet sich auf einem aufstrebenden Ast
Standard Probleme mit mehreren jQuery-Scripte

Hallo,

habe auf meiner Seite ein Akkordion-Slider, Smoth-Scroll und neu Tab-Navigation auf Basis von jQuery. Leider funktioniert die Tab-Navi nicht, da es sich mit einem der anderen beiden Scripte beißt. Leider bin ich lediglich Designer kein Programmierer und bin noch nicht so tief drin als das ich den Fehler alleine identifizieren könnte. Würde mich über Hilfe riesig freuen.

Hier meine JS-Datei:
Code:
$(document).ready(function(){
    	$("#ak").hide();
    	$("#ak2").hide();
    	$("#ak3").hide();		
    $("a.open-close").click(function () {
      $("#ak").slideToggle();
    });
    $("a.open-close2").click(function () {
      $("#ak2").slideToggle();
    });	
    $("a.open-close3").click(function () {
      $("#ak3").slideToggle();
    });		
});

// Smooth Scroll to Top
$(document).ready(function() {
    $('a[href*=#]').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
        && location.hostname == this.hostname) {
            var $target = $(this.hash);
            $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
            if ($target.length) {
                var targetOffset = $target.offset().top;
                $('html,body').animate({scrollTop: targetOffset}, 700);
                return false;
            }
        }
    });
});
$(document).ready(function() {

	//When page loads...
	$(".tab_content").hide(); //Hide all content
	$("ul.tabs li:first").addClass("active").show(); //Activate first tab
	$(".tab_content:first").show(); //Show first tab content

	//On Click Event
	$("ul.tabs li").click(function() {

		$("ul.tabs li").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
		$(".tab_content").hide(); //Hide all tab content

		var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
		$(activeTab).fadeIn(); //Fade in the active ID content
		return false;
	});

});
Dachte es liegt am dritten Script an der Zeile:
Code:
 var activeTab = $(this).find("a").attr("href");
und habe mit "a.blub" versucht dem a-Attribut eine Klasse mitzugeben um es eindeutig zu identifizieren, hat aber auch nix genützt.

Kann einer den Fehler finden? Vielen Dank im Voraus!
Finvaron ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 25.11.2010, 16:17  
Benutzer
 
Registriert seit: 24.02.2010
Beiträge: 45
PHP-Kenntnisse:
Fortgeschritten
Heiko R ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Zitat:
Zitat von Finvaron Beitrag anzeigen
Code:
 var activeTab = $(this).find("a").attr("href");
und habe mit "a.blub" versucht dem a-Attribut eine Klasse mitzugeben um es eindeutig zu identifizieren, hat aber auch nix genützt.
Wenn ich mich grad nicht täusche, müsste zwischen "a" und ".blub" ein Leerzeichen.
__________________
Zitat:
"Nein, nein das Beste an Zombieland ist: Keine Facebook-Status-Updates mehr.
'Rob Curtis freut sich schon auf Freitag', wen interessierts?"
Heiko R ist offline   Mit Zitat antworten
Alt 25.11.2010, 19:12  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse:
Fortgeschritten
nikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunft
Standard

Zitat:
Kann einer den Fehler finden? Vielen Dank im Voraus!
Ja, die JS-Fehlerkonsole.
__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--
nikosch ist offline   Mit Zitat antworten
Alt 24.12.2010, 22:27  
Neuer Benutzer
 
Registriert seit: 24.12.2010
Beiträge: 3
PHP-Kenntnisse:
Anfänger
MichaSBK1981 befindet sich auf einem aufstrebenden Ast
Standard

Hallöchen, hast du mal geschaut ob alle $(document).ready(function() greifen ? da ich das Problem bei mein Projekt auch z.Z habe das "$(document).ready(function()" 2 mal in 2 unterschiedliche Scripte definiert wurde, aber nur eine davon wirklich greifen tut, wo ich denkemal ausgehe das diese Code in einer verlagert werden müßte, bin aber selber noch Anfänger was jQuery angeht da mir das aufgefallen war aber selber noch am Probieren bin, wie man dieses Problem umgehen könnte.

Greets Micha
MichaSBK1981 ist offline   Mit Zitat antworten
Alt 25.12.2010, 01:29  
Erfahrener Benutzer
 
Registriert seit: 28.05.2008
Beiträge: 2.094
PHP-Kenntnisse:
Fortgeschritten
rudygotya ist einfach richtig nettrudygotya ist einfach richtig nettrudygotya ist einfach richtig nettrudygotya ist einfach richtig nettrudygotya ist einfach richtig nett
Standard

Prinzipiell kannst du die domready- Function so oft definieren, wie du möchtest, da ein Event gefeuert wird und alle Handler der Reihe nach abarbeitet.
__________________
++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++
Blog
rudygotya ist offline   Mit Zitat antworten
Alt 25.12.2010, 08:58  
Neuer Benutzer
 
Registriert seit: 24.12.2010
Beiträge: 3
PHP-Kenntnisse:
Anfänger
MichaSBK1981 befindet sich auf einem aufstrebenden Ast
Standard

Hmm dann müßte das bei mir irgent ein anderer Fehler noch sein, bin gerade am probieren mit dem Windows 7 für Websites - jQuery Plugin.
In dem eigentlichen Plugin-Script werden ja dann auch noch zusätzliche Funktionen definiert die zwischen dem "$(document).ready(function()" stehen.

Und dann habe ich noch meine WebOS.js wo ich diese "$(document).ready(function()" ebenfalls definiert habe um dort Funktionen zu hinterlegen die dann zur verfügung stehen sollen, nachdem das DOM komplett geladen ist,
allerdings mußte ich feststellen, wenn ich nen Content per Ajax lade und auf das Plugin zugreifen will, dass die Funktionen in dem Plugin nicht mehr angesprochen werden die zwischen dem
"$(document).ready(function()" liegen, was mich etwas wundert da in der Firebug die Funktionen aber geladen wurden, sprich wenn man im Script Tab auf das Plugin wechselt und zu diesen Zeilen scrollt das die Zeilennummern grün hinterlegt sind.

Greets Micha
MichaSBK1981 ist offline   Mit Zitat antworten
Alt 25.12.2010, 12:52  
Neuer Benutzer
 
Registriert seit: 24.12.2010
Beiträge: 3
PHP-Kenntnisse:
Anfänger
MichaSBK1981 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von MichaSBK1981 Beitrag anzeigen
Hmm dann müßte das bei mir irgent ein anderer Fehler noch sein, bin gerade am probieren mit dem Windows 7 für Websites - jQuery Plugin.
In dem eigentlichen Plugin-Script werden ja dann auch noch zusätzliche Funktionen definiert die zwischen dem "$(document).ready(function()" stehen.

Und dann habe ich noch meine WebOS.js wo ich diese "$(document).ready(function()" ebenfalls definiert habe um dort Funktionen zu hinterlegen die dann zur verfügung stehen sollen, nachdem das DOM komplett geladen ist,
allerdings mußte ich feststellen, wenn ich nen Content per Ajax lade und auf das Plugin zugreifen will, dass die Funktionen in dem Plugin nicht mehr angesprochen werden die zwischen dem
"$(document).ready(function()" liegen, was mich etwas wundert da in der Firebug die Funktionen aber geladen wurden, sprich wenn man im Script Tab auf das Plugin wechselt und zu diesen Zeilen scrollt das die Zeilennummern grün hinterlegt sind.

Greets Micha
Nach hin und her probieren und durch Recherchieren im Netz bin ich nun auf dem Fehler gekommen, lag daran weil die Events im Plugin nicht mit dem .live() verknüpft waren und durch den Content, der über das Ajax geladen wurde, diese dann somit nicht mehr angesprochen wurden.
MichaSBK1981 ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
JQuery Modal Window Xeo JavaScript, Ajax und mehr 2 14.11.2010 17:44
jQuery - Text an Cursorposition einfügen Koala JavaScript, Ajax und mehr 5 11.11.2010 21:28
JQuery IE 6 Probleme mit Funktion Thorus JavaScript, Ajax und mehr 22 29.09.2010 12:17
[Erledigt] Statistik mit jQuery DJ_RhoxxZ JavaScript, Ajax und mehr 6 25.07.2010 17:47
jquery: dialogbox funktioniert nicht Dreamwatcher JavaScript, Ajax und mehr 16 22.07.2010 18:22
jQuery findet Element nicht ByStones JavaScript, Ajax und mehr 8 11.06.2010 14:03
Bei Upload mit Jquery Multifile-Plugin wird immer nur eine Datei hochgeladen Silent PHP Tipps 2010 20 25.02.2010 08:24
jQuery Plugin - so richtig? stayInside JavaScript, Ajax und mehr 5 23.02.2009 12:34
Probleme mit der MySQl-Abfrage bei mehreren Einträgen singu Datenbanken 4 03.01.2009 19:27
For Schleife mit jQuery phpbeginner JavaScript, Ajax und mehr 3 22.11.2008 22:35
Probleme mit PHPMailer bei mehreren Email-Adressen... PHP Tipps 2006 5 03.02.2006 09:30
[Erledigt] ne harte nuss ... php scripte in html needed ... ABER PHP Tipps 2005-2 10 01.09.2005 00:03
Probleme mit 'count' von mehreren Spalten Datenbanken 1 26.08.2005 12:09
[Erledigt] Technische Probleme mit Sessions PHP-Fortgeschrittene 4 18.11.2004 14:45
[Erledigt] von Frames auf <div>, probleme mit den alten Scripten. PHP Tipps 2004 6 01.06.2004 17:23

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
mehrere jquery scripte, mehrere jquery scripte auf einer seite, zwei jquery scripte, jquery scripte, mehrere jquery, jquery problem mehrere, jquery mehrere tabs auf einer seite, jquery mehrere skripte, zwei jquery scripts auf einer seite, html session id in href hinterlegen, problem mit mehreren jquery, mehrere $(document).ready(function(), 2 mal $ document, fehler bei mehreren jquery scripte, mehrere jquery scripts, modal document ready 2 mal, tab navigation jquery, win7 jquery(function ($) problem, jquery zwei scripte, \zwei jquery scripte\

Alle Zeitangaben in WEZ +2. Es ist jetzt 10:15 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum