<?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/"
	>

<channel>
	<title>freakcommander.de &#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>Thu, 29 Jul 2010 09:04:40 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>JQuery Event Listener f&#252;r hinzugef&#252;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&#252;gt wird, funktionieren Event Listener auf diesen hinzugef&#252;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&#252;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&#252;gt wird, funktionieren Event Listener auf diesen hinzugef&#252;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&#252;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&#252;gt werden soll.</p>
<p>Eine l&#228;ngere Schreibweise f&#252;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&#246;sung, damit Event Listener auch auf hinzugef&#252;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>&#220;brigens ist diese live-Methode auch die L&#246;sung, um in seinem selbst entworfenen Widget im neuen Admin-Panel (seit WordPress Version 2.8 ist die Widget Administration &#252;berarbeitet) Events per JQuery jederzeit benutzen zu k&#246;nnen. Das Problem ist ansonsten n&#228;mlich, dass man das per Drag &amp; Drop hinzugef&#252;gte Widget-Administrationspanel erst abspeichern musste, ehe JQuery-Events funktionieren.</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>
