On adding a class, .click does not trigger - Using jQuery

Question

I added a span with a class, but .click does not trigger.

Adding a span class code

var TA = '<span class="TS" id="'+$('#TT').attr('value')+'" style=" color:#fff; margin-left:5px; font-family:arial; font-size:12px">* '+$('#TT').attr('value')+'</span>';
$('#QLT').append(TA);

This adds a span .TS to a div .TX. I want to trigger .TS using .click, the code

  $('.TS').click(function() {
   alert("ok");

  });

But this does not trigger. What is wrong, Appreciate all assistance.

Thanks Jean

Make sure the handler is bound after the element has been added to the page. Alternatively, you can use live() (api.jquery.com/live) to bind events to elements that aren't in the DOM yet. — Matt
– Matt, Commented Jan 22, 2011 at 9:16
Could we just concentrate on the problem at hand please...I need a solution to it. - Thanks — X10nD
– X10nD, Commented Jan 22, 2011 at 9:17

rxmnnxfpvg · Accepted Answer · 2011-01-22 09:16:34Z

4

You probably defined the click handler before you did $('#QLT').append(TA). Thus the click handler didn't know about the new element with class .TS when it was bound.

You can manually re-bind it, or use jQuery's cool live function, which will automatically bind when a new element with class TS is inserted into the DOM:

$('.TS').live('click', function() {
   alert("ok");
  });

answered Jan 22, 2011 at 9:16

rxmnnxfpvg

31.2k50 gold badges129 silver badges190 bronze badges

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

Comments

sdleihssirhc · Accepted Answer · 2011-01-22 09:20:32Z

0

It looks like your code is working fine.

Maybe when you're clicking, you're not actually clicking on the text in the span. I think that messes things up sometimes, with click handlers.

answered Jan 22, 2011 at 9:20

sdleihssirhc

42.6k6 gold badges56 silver badges67 bronze badges

Collectives™ on Stack Overflow

On adding a class, .click does not trigger - Using jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related