JQuery Plugin - Binding an event to a dynamic element

Question

I'm building my first JQuery plugin and learning the standards for the plugins. I'm creating dynamic elements in my plugin like this -

var control = $("<table><tr><td><div>Test Control</div></td><td><img src='' /></td></tr></table>")
//Add the control to the document

Now how can I register the click event of the div inside the table?

It looks like you're trying to run before you can walk – you should be comfortable with the basics of jQuery before writing a plugin. Here's a good place to start: docs.jquery.com/Tutorials. — Bergius
– Bergius, Commented Jul 16, 2011 at 11:18
I'm working with JQuery for the past two years. Just got mixed up with the documentation for writing a plugin where binding the events was mentioned. I fixed it before I got the answer here :). Got confused with .bind(). — NLV
– NLV, Commented Jul 16, 2011 at 11:22
Ok. Perhaps you were focusing too much on the documentation, as after two years you should instinctively know exactly what the jQuery object you instantiate represents and how to navigate it – the fact that you're writing a plugin is not relevant to your question. Good luck with the plugin, though. — Bergius
– Bergius, Commented Jul 16, 2011 at 12:58

pixelfreak · Accepted Answer · 2011-07-16 11:19:34Z

3

Like so (I added a class and replaced it with anchor, just so it's more specific and semantic):

var control = $('<table><tr><td><a class="test" href="#">Test Control</a></td><td><img src='' /></td></tr></table>');
// Add control to document
control.find('a.test').click(function(e)
{
   // Do whatever...
   e.preventDefault(); // Prevent default behavior of the anchor
});

edited Jul 16, 2011 at 11:19

answered Jul 16, 2011 at 11:13

pixelfreak

17.9k12 gold badges92 silver badges110 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

NLV Over a year ago

Okie it is like a part of long table. I've edited the question.

Collectives™ on Stack Overflow

JQuery Plugin - Binding an event to a dynamic element

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related