<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
xmlns:georss="http://www.georss.org/georss"> <channel><title>freakcommander &#187; bind</title> <atom:link href="http://www.freakcommander.de/tag/bind/feed/" rel="self" type="application/rss+xml" /><link>http://www.freakcommander.de</link> <description>Kann alles. Weiß alles. Macht alles.</description> <lastBuildDate>Mon, 30 Jan 2012 12:31:09 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>JQuery Event Listener für hinzugefügten Inhalt</title><link>http://www.freakcommander.de/2138/computer/jquery-event-listener-fuer-hinzugefuegten-inhalt/</link> <comments>http://www.freakcommander.de/2138/computer/jquery-event-listener-fuer-hinzugefuegten-inhalt/#comments</comments> <pubDate>Sun, 30 Aug 2009 08:38:03 +0000</pubDate> <dc:creator>crille</dc:creator> <category><![CDATA[Computer]]></category> <category><![CDATA[bind]]></category> <category><![CDATA[event listener]]></category> <category><![CDATA[jquery]]></category> <category><![CDATA[Widget]]></category> <category><![CDATA[Wordpress]]></category> <guid
isPermaLink="false">http://www.freakcommander.de/?p=2138</guid> <description><![CDATA[Wenn auf einer Webseite nach dem Laden Inhalt hinzugefügt wird, funktionieren Event Listener auf diesen hinzugefügten Inhalt nicht.  Nehmen wir diesen JQuery-Code: $(&#38;quot;p&#38;quot;).click(function(){ $(this).after(&#38;quot;&#38;lt;p&#38;gt;Another paragraph!&#38;lt;/p&#38;gt;&#38;quot;); }); Beim Klick auf einen Absatz wird danach ein neuer Absatz eingefügt mit dem Inhalt Another paragraph!. Klickt man auf diesen neuen Absatz Another paragraph! passiert nichts, obwohl laut dem [...]]]></description> <content:encoded><![CDATA[<p>Wenn auf einer Webseite nach dem Laden Inhalt hinzugefügt wird, funktionieren Event Listener auf diesen hinzugefügten Inhalt nicht.  Nehmen wir diesen JQuery-Code:</p><pre class="brush: js">
$(&amp;quot;p&amp;quot;).click(function(){
   $(this).after(&amp;quot;&amp;lt;p&amp;gt;Another paragraph!&amp;lt;/p&amp;gt;&amp;quot;);
});
</pre><p>Beim Klick auf einen Absatz wird danach ein neuer Absatz eingefügt mit dem Inhalt <em>Another paragraph!</em>. Klickt man auf diesen neuen Absatz <em>Another paragraph!</em> passiert nichts, obwohl laut dem JQuery-Code ja eigentlich beim Klick auf einen Absatz ein weiterer Absatz eingefügt werden soll.</p><p>Eine längere Schreibweise für o.g. Code ist diese hier mit der <a
href="http://docs.jquery.com/Events/bind">bind-Methode</a>:</p><pre class="brush: js">
$(&amp;quot;p&amp;quot;).bind(&amp;quot;click&amp;quot;, function(){
   $(this).after(&amp;quot;&amp;lt;p&amp;gt;Another paragraph!&amp;lt;/p&amp;gt;&amp;quot;);
});
</pre><p>Die Lösung, damit Event Listener auch auf hinzugefügten Inhalt funktionieren, ist die <a
href="http://docs.jquery.com/Events/live">live-Methode</a>:</p><pre class="brush: js">
$(&amp;quot;p&amp;quot;).live(&amp;quot;click&amp;quot;, function(){
   $(this).after(&amp;quot;&amp;lt;p&amp;gt;Another paragraph!&amp;lt;/p&amp;gt;&amp;quot;);
});
</pre><p>Jetzt kann man auch auf <em>Another paragraph!</em> klicken und bekommt einen weiteren Absatz.</p><p>Übrigens ist diese live-Methode auch die Lösung, um in seinem selbst entworfenen Widget im neuen Admin-Panel (seit WordPress Version 2.8 ist die Widget Administration überarbeitet) Events per JQuery jederzeit benutzen zu können. Das Problem ist ansonsten nämlich, dass man das per Drag &amp; Drop hinzugefügte Widget-Administrationspanel erst abspeichern musste, ehe JQuery-Events funktionieren.</p><p>Auch interessant:<ol><li><a
href='http://www.freakcommander.de/1821/computer/css-attribut-selektoren/' rel='bookmark' title='CSS Attribut Selektoren'>CSS Attribut Selektoren</a></li><li><a
href='http://www.freakcommander.de/1819/computer/regexp-selektor-in-jquery/' rel='bookmark' title='Regexp Selektor in JQuery'>Regexp Selektor in JQuery</a></li><li><a
href='http://www.freakcommander.de/3836/computer/twitter/anywhere-hovercards-fur-links-auch-blackbird-pie/' rel='bookmark' title='@Anywhere Hovercards für Links (auch Blackbird Pie)'>@Anywhere Hovercards für Links (auch Blackbird Pie)</a></li></ol></p>]]></content:encoded> <wfw:commentRss>http://www.freakcommander.de/2138/computer/jquery-event-listener-fuer-hinzugefuegten-inhalt/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
