Jquery Simple .hover() méthode pour chaque classe de l'élément

n'ai pas fait beaucoup de jquery et a couru dans un problème. J'aimerais lier passez événement pour tous les div avec la classe .social-tile. Je fais comme ça:

$(function(){
    var social_default = $('.social-tile').css('margin-right');
    $('.social-tile').each(function(){
        $(this).hover(function(){
            $(this).animate({
                'margin-right': '0px' 
            },500);
        },function(){
            $(this).animate({
                'margin-right': social_default 
            },500);
        });
    });
});

Quand j'ai passez la souris sur un élément, des animations pour tous les divs sont déclenchées et qu'ils se déplacent tous à la fois. J'aimerais animer seul élément spécifique qui je hover.

Probablement il y a vraiment une solution facile ici,
merci.

OriginalL'auteur Mikk | 2011-04-01

  1. 2
    $(function() {
    $('.social-tile').hover(
    function() {
        $(this).data('prev-margin-right', $(this).css('margin-right') );
        $(this).animate({
            'margin-right': '0px'
        }, 500);
    }, function() {
        $(this).animate({
            'margin-right': $(this).data('prev-margin-right')
        }, 500);
    });
});
    Merci, mais ils sont tous encore déclencher en même temps.
    Essayez-le maintenant (nous n'avons pas le HTML, c'est une conjecture). Je l'ai modifié afin de stocker le "défaut" de la marge dans un attribut de données, puis de la restaurer par la lecture de cet attribut. Est-il possible que .social-tile est un objet conteneur, et non pas un carreau? HTML serait utile.
    Je vous remercie pour votre aide, j'ai eu un problème avec le css, j'ai corrigé, mis en œuvre de votre solution et tout a bien fonctionné.

    OriginalL'auteur Ken Redler

  2. 3

    essayer cela, désolé de travail démo ici:
    http://jsfiddle.net/8vFAD/1/

    $('.social-tile').live('mouseover', function(){
    $(this).animate({ 'margin-left': '15px'} ,500).animate({ 'margin-left': '30px'} ,500);
});
    Je vous remercie pour vos efforts, mais toujours pas de chance - ils tous passer comme un seul.
    voir le lien pour le travail de démonstration jsfiddle.net/8vFAD/1

    OriginalL'auteur ezmilhouse

  3. 0

    Ok votre variable social_default, est .socialtile, qui fera appel à tous les divs qui lui est assignée, changement de (cette).

    Merci pour votre réponse, mais cela ne fonctionne pas.

    OriginalL'auteur PHP