oncklick Event bei JQuery

BNightSpeeder · #1 (**permalink**) 08.09.2008, 19:52

Hi,

hab ein Problem mit jQuery und zwar folgender Code:

Code:

				<script>
				$(document).ready(function(){			
					$("#download-button-2").click(function(){
						$("#download-div-2").addClass("download-div-downloaded");
					});
				 });
				</script><div id="download-div-2" class="download-div">BLABLABLA</div>
<div id="download-button-2" class="download-button"></div>

Jedoch passiert nichts wenn man auf das div klickt auch wenn ich die ID einem <a> Element zuteile passiert nicht. Entferne ich die click abfrage funktioniert es jedoch, aber beim starten der Seite was ich so nicht möchte.
Der Fehler liegt somit in der 2 Zeile, nur wo. Danke für die Hilfe.

hemfrie · #2 (**permalink**) 08.09.2008, 20:12

Hallo,

wo ist denn Dein Div mit der id="download-div-2", dem Du die Klasse zuordnest ?

BNightSpeeder · #3 (**permalink**) 08.09.2008, 20:19

//edit: hab ein Teil des Codes vergessen

hemfrie · #4 (**permalink**) 08.09.2008, 20:28

Also an sich funktioniert das Skript, allerdings darf das div auf das geklickt wird nicht leer sein, oder es muss eine Breite und Höhe bekommen.

Wenn das der Fall ist, bekommt bei einem Klick das andere Div mit dem Inhalt "BLABLABLA" die Klasse zugewiesen.

BNightSpeeder · #5 (**permalink**) 08.09.2008, 20:36

Aus irgendeinem Grund klappt das nicht, liegt es daran das die div indem die click-div liegt dislay:none hat und erst mit JavaScript sichtbar gemacht wird?

hemfrie · #6 (**permalink**) 08.09.2008, 20:45

Das ist klein Problem, wenn das Div erst mit Javascript eingeblendet wird.

Habs bei mir lokal getestet, die Klasse wird dem Div wie gewünscht zugeordnet.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="de-DE">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta http-equiv="Content-Script-Type" content="text/javascript" />
    <meta name="language" content="de-de" />
    <title>
      untitled
    </title>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
    
    $(document).ready(function(){            
        $("#download-button-2").click(function(){
            $("#download-div-2").addClass("download-div-downloaded");
        });
    });
    
    </script>
    <style type="text/css">
        .download-div-downloaded{width:200px;height:200px;background:green;}
    </style>
  </head>
  <body> 
    <div id="download-div-2" class="download-div">Dieses Div erhält die Klasse "download-div-downloaded" bei Klick auf das folgende Div</div>
    <div id="download-button-2" class="download-button">Auf dieses Div wird geklickt.</div>
  </body>
</html>

BNightSpeeder · #7 (**permalink**) 08.09.2008, 22:12

Mysteriös auch wenn ich deinen Code 1:1 in meinen reinkopiere funktioniert es nicht! Ist es möglich das andere JQuery Plugins etc. das blocken?

hemfrie · #8 (**permalink**) 08.09.2008, 22:16

Zitat:

Zitat von BNightSpeeder

Mysteriös auch wenn ich deinen Code 1:1 in meinen reinkopiere funktioniert es nicht! Ist es möglich das andere JQuery Plugins etc. das blocken?

Möglich ist das theoretisch schon, aber praktisch sollte kein jQuery Plugin die Core-Funktionen in irgendeiner Weise stören.

Funktioniert denn bei Dir mein Beispiel, wenn Du es so wie es ist ausführst?

BNightSpeeder · #9 (**permalink**) 09.09.2008, 13:38

Es funktioniert wenn ich es auf einer eigenen Seite ausführe, wird das Beispiel jedoch in die Seite eingefügt funktioniert es nicht mehr. Ersetze ich jedoch:

Code:

 $("#download-button-2").click(function(){

durch:

Code:

 $("div").click(function(){

dann funkiotniert der Effekt nur halt nicht wenn man die genaue ID angibt.
Die div's sind verschachtelt, liegt es daran? Aber das müsste ja egal sein da die ID das div ja genau definiert!

hemfrie · #10 (**permalink**) 09.09.2008, 15:55

Zitat:

Zitat von BNightSpeeder

Es funktioniert wenn ich es auf einer eigenen Seite ausführe, wird das Beispiel jedoch in die Seite eingefügt funktioniert es nicht mehr. Ersetze ich jedoch:

Code:

 $("#download-button-2").click(function(){

durch:

Code:

 $("div").click(function(){

dann funkiotniert der Effekt nur halt nicht wenn man die genaue ID angibt.
Die div's sind verschachtelt, liegt es daran? Aber das müsste ja egal sein da die ID das div ja genau definiert!

Hmm, kannst Du das mal verlinken oder ein Beispielscript posten, wo der Fehler auftritt?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
IE onchange Event Problematik	1chris	Javascript & Ajax	9	21.01.2011 19:05
jquery Plugins in Wordpress nutzen?	hdwolle	Javascript & Ajax	2	10.01.2010 16:15
jQuery - verschachtelte website	Illuminu	Javascript & Ajax	9	19.10.2009 02:38
JQuery Collapsor	Tharya	Javascript & Ajax	0	26.02.2009 11:08
JQuery + Wordpress	VoinG	Javascript & Ajax	0	29.12.2008 16:03