Comment appliquer la fonction jQuery live() à ce code?

Question

Comme mentionné je voudrais savoir comment je peux appliquer la fonction live() à ce code.

Ce code sera inséré par javascript:

<a class="link" href="url"><span>This content is hidden</span></a> 

C'est le javascript qui doit être en direct:

$('.link').append('<span class="hover"></span>').each(function() { 
     var $span = $('> span.hover', this).css('opacity', 0); 
     $(this).hover(function() { 
     $span.stop().fadeTo(500, 1); 
     }, function() { 
     $span.stop().fadeTo(500, 0); 
     }); 
    }); 

Un simple ajout d'.live de(). n'a pas l'air de faire l'affaire

toute aide appréciée!

Answer 1

Je ne sais pas exactement ce que vous essayez de faire, mais je fais cette hypothèse: Vous ajoutez une balise "a", et vous voulez ajouter une "span" qui, lorsque survolée, a ces événements.

Ce n'est pas "en direct", et je fais l'hypothèse que vous savez quand vous ajoutez la balise "a". Lorsque vous faites cela, appelez simplement la fonction AddEvents pour faire l'append, donnez du CSS à l'enfant, puis appliquez un "hover" au nouvel enfant ajouté. Quelque chose comme cela devrait fonctionner, pas de fantaisie, mais devrait fonctionner:

function AddEvents() 
{ 
    $('.link').append('<span class="hover"></span>'); 
    var $span = $('.link span.hover'); 
    $span.css('opacity', 0); 
    $span.hover(function() 
    { 
     this.stop().fadeTo(500, 1); 
    }, function() 
    { 
     $span.stop().fadeTo(500, 0); 
    }); 
}; 

// call the function when needed 
AddEvents(); 

NOTE: Si vous connaissez le nouvellement ajouté « un » contexte, vous pouvez passer que par les addEvents(); appel de fonction, et de travailler dans les choses comme suit:

AddEvents($(this));//or the selector for that 'a' link 

function AddEvents(scopeItem) 
{ 
    scopeItem.append('<span class="hover"></span>'); 
    var $span = $('span.hover', scopeItem); 
    $span.css('opacity', 0); 
    $span.hover(function() 
    { 
     this.stop().fadeTo(500, 1); 
    }, function() 
    { 
     $span.stop().fadeTo(500, 0); 
    }); 
};