[Erledigt] Jquery -> Dynamische Liste erweitern - Seite 2

rudygotya · 30.10.2010, 16:06

Zitat:

Das mach ich weil ich dieses Element später im Code auch wieder ansprechen will ( weiterunten mit id ), und spätestens in der $.each schlaufe bekommt this einen anderen Wert.

Jo, macht man aber normalerweise anders. Referenzier auf ein jQuery-Objekt von $(this) und gut is

PHP-Code:

  $("#folderTree").delegate('li', 'click',function(){ 
        var $this = $(this);
        if($this.hasClass('folderClosed')){ 
            //..
        }else{ 
            $this.removeClass('folderOpen')
//...

        } 
    })

da.eXecutoR · 02.11.2010, 12:35

Also das ist jetzt etwas verwirrent. Die Funktion tut soweit tadellos im FF sowie Opera. Nur im IE8 werden die Elemente nicht mehr aus dem Code gelöscht.

Interessant ist auch der HTML Auszug im IE8 mit dem Developer Tool. Da sieht der Code nämlich wie folgt aus:

Code:

<DIV class="boxExplorer">
<H2>
Dokumentenstruktur
</H2>
<UL id="folderTree">
<LI id="1" class="folder folderOpen">
100_Projektmanagement
</LI>
<UL>
</UL>
<UL id="1list">
<LI id="2" class="folder folderClosed">
150_Projektadministration
</LI>
<UL>
</UL>
<UL id="2list">
<LI id="6" class="folderClosed folder">
151_Projektleiter
</LI>
</UL>
<LI id="7" class="folderClosed folder">
160_Projektkosten
</LI>
</UL>
<LI id="3" class="folderClosed folder">
200_Projektinitialisierung
</LI>
<LI id="4" class="folderClosed folder">
300_Voranalyse_Studien
</LI>
<LI id="5" class="folderClosed folder">
400_Konzepte
</LI>
</UL>
</DIV>

Kann es sein dass der Ie nicht in der Lage ist <ul> elemente ineinander zu verschachteln?

Code vom Firefox:

Code:

<ul id="folderTree">
   <li class="folder folderOpen" id="1">100_Projektmanagement</li>
   <ul id="1list">
      <li class="folder folderOpen" id="2">150_Projektadministration</li>
         <ul id="2list">
            <li class="folder folderClosed" id="6">151_Projektleiter</li>
         </ul>
      <li class="folderClosed folder" id="7">160_Projektkosten</li>
   </ul>
   <li class="folderClosed folder" id="3">200_Projektinitialisierung</li>
   <li class="folderClosed folder" id="4">300_Voranalyse_Studien</li>
   <li class="folderClosed folder" id="5">400_Konzepte</li>
</ul>

Total komisch ist auch dass im Developer Tool vom IE teilweise <ul/> steht anstatt </ul>.

Jemand eine Ahnung wo das Problem liegen könnte? Die Seite ist mit SSL verschlüsselt sollte aber auf die DOM Manipulation keinen Einfluss haben oder?

Grüsse

eXe

rudygotya · 02.11.2010, 13:49

Ich kenn ul's verschachteln nur insofern, dass die innere Liste ein Unterelement eines Listenelements darstellt.
Dazu würde ich dem $('sel').after('</ul>') misstrauen und das verständlicher lösen. Erzeug dir ein Listenelement, füg deine Knoten hinzu und wenn du fertig bist, hängst du die komplette Liste ein.

da.eXecutoR · 02.11.2010, 14:06

Naa... schiess mich tod:

Code:

$('#' + id).after('</ul>');

Code:

$('#' + id + 'list">').after('</ul>');

Der hat das schliessende </ul> vor dem <ul> eingefügt, darum konnte er das Listenelement nicht korrekt aus dem DOM entfernen.

Nun funktionierts einwandfrei.

Vielen vielen Dank fürs nochmals drüber gucken!

Gruss

eXe

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
[Erledigt] Statistik mit jQuery	DJ_RhoxxZ	JavaScript, Ajax und mehr	6	25.07.2010 17:47
jQuery findet Element nicht	ByStones	JavaScript, Ajax und mehr	8	11.06.2010 14:03
JQuery Upload mittels Array/hiddenfields	Das_Pfau	JavaScript, Ajax und mehr	7	13.03.2010 11:03
[Erledigt] Liste im Array(?) vervollständigen	coram	PHP Tipps 2010	10	04.02.2010 17:30
[Erledigt] dynamische Liste Abfragen verknüpfen und ausgeben.	abi	PHP Tipps 2009	3	13.05.2009 11:46
[S] Hilfe zu JS Textbox Liste	b@n@ne	JavaScript, Ajax und mehr	0	01.05.2009 17:39
jQuery Plugin - so richtig?	stayInside	JavaScript, Ajax und mehr	5	23.02.2009 12:34
jQuery: Parameter an onclick Event	ecomeback	HTML, Usability und Barrierefreiheit	1	08.04.2008 11:23
Javascript Select liste verdoppeln	dsmcg	HTML, Usability und Barrierefreiheit	8	19.10.2006 16:56
Php liste per E-Mail?		PHP Tipps 2005-2	2	21.07.2005 09:43
Dropdown-Menü nach klick in Liste füllen		PHP Tipps 2005-2	0	13.06.2005 09:33
[Erledigt] Top 10 Liste		Datenbanken	9	20.04.2005 22:32
dynamische liste		PHP Tipps 2005	6	15.03.2005 20:44
[Erledigt] Liste in Textarea einfügen		HTML, Usability und Barrierefreiheit	0	03.01.2005 19:16


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

02.11.2010, 13:49
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Ich kenn ul's verschachteln nur insofern, dass die innere Liste ein Unterelement eines Listenelements darstellt. Dazu würde ich dem $('sel').after('</ul>') misstrauen und das verständlicher lösen. Erzeug dir ein Listenelement, füg deine Knoten hinzu und wenn du fertig bist, hängst du die komplette Liste ein. __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

02.11.2010, 14:06
da.eXecutoR Erfahrener Benutzer Registriert seit: 08.08.2009 Beiträge: 195 PHP-Kenntnisse: Fortgeschritten	Naa... schiess mich tod: Code: $('#' + id).after('</ul>'); Code: $('#' + id + 'list">').after('</ul>'); Der hat das schliessende </ul> vor dem <ul> eingefügt, darum konnte er das Listenelement nicht korrekt aus dem DOM entfernen. Nun funktionierts einwandfrei. Vielen vielen Dank fürs nochmals drüber gucken! Gruss eXe __________________ It's not a bug. It's a feature!