jQuery live function not working

Question

Further to my last question I need to add in the .live() function as i'm adding the content dynamically

This is what I have now

$('.PointsToggle').live('each',function() {
              $this = $(this);
              if ($this.text() == 'POINTS STATEMENT - AVAILABLE 7AM TOMORROW') {
                $this.width(510);
              } else {
                $this.width(20);
              }
            })

But this doesn't seem to work now

Any ideas?

Thanks

Jamie

Answer 1

I think you probably want to replace '$this' with a 'var thisObject':

$('.PointsToggle').live('each',function() {
          var thisObject = $(this);
          if (thisObject.text() == 'POINTS STATEMENT - AVAILABLE 7AM TOMORROW') {
            thisObject.width(510);
          } else {
            thisObject.width(20);
          }
        })

Answer 2

You can only bind event handlers with .live(), which 'each' is not. This should work:

$('.PointsToggle').live('load', function () { $(this).each(function () { ... }); });

Answer 3

For this sort of thing you will need the livequery plugin

$('.PointsToggle').livequery(function() {
  var $this = $(this);
  if ($this.text() == 'POINTS STATEMENT - AVAILABLE 7AM TOMORROW') {
    $this.width(510);
   } else {
    $this.width(20);
   }
})