StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Is <code>"#list"</code> the element that contains the dynamically generated <code><a></code> elements? </p> <p>If so, use <a href="http://api.jquery.com/delegate/" rel="nofollow">jQuery's <code>.delegate()</code> method</a> to place a handler on it, so any of the <code>'a[rel*=Tab]'</code> elements that are clicked within it will fire the handler.</p> <pre><code>jQuery("#list").delegate( 'a[rel*=Tab]', 'click', function() { //... }); </code></pre> <p>Any <code>'a[rel*=Tab]'</code> elements that are added to <code>#list</code> will automatically work. If <code>#list</code> is not the container, then use the correct selector for the container.</p> <hr> <p><strong>EDIT:</strong> While the <code>.delegate()</code> method above is (in my opinion) the best approach, if you did want to assign individual <code>click</code> handlers to only the new elements as you create them, you would need to call the same <code>.click()</code> method against the specific new elements.</p> <p>So if you create a new <code><a></code> after the page loads, you'd do something like this:</p> <pre><code>var $newA = $('<a rel="someTab">some text</a>'); // Assign click handler to only the newly created element $newA.click(function(e) { e.preventDefault(); //then I do some stuff to open it in jq ui tab }); $newA.appendTo('#list'); </code></pre> <p>Of course this is not your exact code, but shows how you can create a new element, store a reference to it, and assign the <code>click</code> handler to only that element.</p> <p>Or if you're creating a larger structure where the <code><a></code> is nested, you can do the same thing, but do a <code>.find()</code> to get the <code><a></code> inside the structure, then assign the <code>click</code>.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload