[Erledigt] jQuery - Element ausblenden und dann löschen

halskrause · 07.11.2010, 06:17

Hi. Weiß jemand, was an dem Code hier falsch ist?
Ich will, daß der "DIV newInserted" nach der Blende gelöscht wird. Jedoch passiert das nicht.

PHP-Code:

  <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('body').append('<div id="newInserted"><span class="inSide">Hallo</span></div>');
    
    $('.inSide').click(function(){ 
        $(this).parent('#newInserted').slideToggle(500, function(){
            $(this).parent('#newInserted').remove();  
        })                 
    })
})
</script>
<style> #newInserted { width: 100px; height: 100px; background-color: red; } </style>
</head>
<body>
</body>
</html>

rudygotya · 07.11.2010, 07:34

$(this) in slideToggle ist bereits $('#newInserted').
p.s.: auch javascript kannst du debuggen. Bitte schau dir den Kontextwechsel von this endlich mal an.

halskrause · 07.11.2010, 08:02

Danke fpr Tip. Es klappt nun mit...

PHP-Code:

      $('.inSide').click(function(){ 
        $(this).parent('#newInserted').slideToggle(500, function(){
            $(this).remove();  
        })                 
    })

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
jquery - div ausblenden	Codercrush	JavaScript, Ajax und mehr	1	11.07.2010 04:26
jQuery mehrfach auf selben veränderten Element	tino91	JavaScript, Ajax und mehr	5	21.06.2010 15:34
jQuery findet Element nicht	ByStones	JavaScript, Ajax und mehr	8	11.06.2010 14:03
Element erstellen, in Quelltext einfügen und auf dieses zugreifen können	R4v3r	JavaScript, Ajax und mehr	8	18.12.2009 11:33
[Erledigt] Tabellenzeile erstellen und löschen	Buschdieb	JavaScript, Ajax und mehr	1	18.11.2009 14:41
MySql Tabellenzeile per Link löschen	Q-Meax	PHP Tipps 2009	8	03.10.2009 13:30
Termine nach Ablauf automatisch aus der DB löschen oder ausblenden	Teela	PHP Tipps 2008	4	24.03.2008 12:29
<li> Element geollt ausblenden	Black-Devil	PHP Tipps 2008	4	09.03.2008 15:13
[JS] element ein- und ausblenden		HTML, Usability und Barrierefreiheit	4	30.11.2006 16:55
Vor dem löschen abfragen ob man wirklich löschen will		PHP Tipps 2005-2	1	05.09.2005 11:54
array nach bestimmten string durchsuchen und element löschen		PHP Tipps 2005-2	4	21.07.2005 19:51
[Erledigt] Sicherheitsabfrage beim Löschen aus DB		PHP Tipps 2005	6	05.04.2005 10:24
problem mit element löschen im array	chief-thomson	PHP-Fortgeschrittene	3	17.10.2004 14:06
Array-Elemente löschen???		PHP Tipps 2004	9	14.09.2004 08:42
Array Element löschen?		PHP Tipps 2004	2	25.06.2004 15:37

07.11.2010, 06:17
halskrause Erfahrener Benutzer Registriert seit: 29.08.2008 Beiträge: 777	[Erledigt] jQuery - Element ausblenden und dann löschen Hi. Weiß jemand, was an dem Code hier falsch ist? Ich will, daß der "DIV newInserted" nach der Blende gelöscht wird. Jedoch passiert das nicht. PHP-Code: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('body').append('<div id="newInserted"><span class="inSide">Hallo</span></div>'); $('.inSide').click(function(){ $(this).parent('#newInserted').slideToggle(500, function(){ $(this).parent('#newInserted').remove(); }) }) }) </script> <style> #newInserted { width: 100px; height: 100px; background-color: red; } </style> </head> <body> </body> </html>


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

07.11.2010, 07:34
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	$(this) in slideToggle ist bereits $('#newInserted'). p.s.: auch javascript kannst du debuggen. Bitte schau dir den Kontextwechsel von this endlich mal an. __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

07.11.2010, 08:02
halskrause Erfahrener Benutzer Registriert seit: 29.08.2008 Beiträge: 777	Danke fpr Tip. Es klappt nun mit... PHP-Code: `$('.inSide').click(function(){ $(this).parent('#newInserted').slideToggle(500, function(){ $(this).remove(); }) })`