live() instead in jquery 1.26?

[runeveryday]

$('#content').find('p:eq(0)').append('<span class="more"> | more</span><span class="less"> | less</span>')
$('p:gt(0)').hide();

$('.more, .less').live('click', function() {
    $('#content').find('p:gt(0)').slideToggle();
    $('.more, .less').toggle();
})

i using drupal-6,the jquery is 1.26. if i don't want to upgrade the jquery. is there a way to get the effect?

jquery is 1.26 haven't have a suppport to the live() function. is there another function can instead of it. or alter the code to get the effect?


some one told me to dd a normal click handler to .content, then check whether $(e.target).is('.more, .less').


i alter the code to this

 $('#content').find('p:eq(0)').append('<span class="more"> | more</span><span class="less"> | less</span>')
 $('p:gt(0)').hide(); 
$('#content').click(function(){
 if($(e.target).is('.more, .less'))
{
 $('#content').find('p:gt(0)').slideToggle(); $('.more, .less').toggle(); 
} 
})

but it can't work.

[devnull69]

The code is missing the "e" parameter ... it should work then

$('#content').click(function(e){
   if($(e.target).is('.more, .less')) {
      $('#content').find('p:gt(0)').slideToggle();
      $('.more, .less').toggle(); 
   } 
});

[runeveryday]

Originally Posted by devnull69

The code is missing the "e" parameter ... it should work then

$('#content').click(function(e){
   if($(e.target).is('.more, .less')) {
      $('#content').find('p:gt(0)').slideToggle();
      $('.more, .less').toggle(); 
   } 
});

you're my hero! could you explain what's the function meaning?

[devnull69]

Instead of binding a click handler to the (yet non existing) classes more/less you bind a click handler to the container #content. Each element inside this container propagates ("bubbles") its click events up in the DOM tree to the next higher level elements (including #content). The click handler there can check which element originally received the click event using e.target

.is() can tell you which class(es) the clicked element belongs to ... and the rest is your original code.