Comment faire pour réinitialiser les éléments à leur état d'origine, après une chaîne de manipulations?

Après un tas d'animation, l'ajout de classes et la définition des styles css. est-il un moyen facile pour réinitialiser un élément d'être de retour dans son serveur d'origine etat à la livraison?

InformationsquelleAutor Moak | 2010-05-31
  1. 17

    jQuery définit ses manipulations à l'aide de la ligne style attribut, il suffit donc de spécifier ''.

    $('#someDiv').attr('style','');

    Cela suppose qu'il n'y avait pas inline style attributs de l'élément en provenance du serveur. Mieux utiliser les feuilles de style si.

    Si l'élément doit venir du serveur avec style attributs, alors je suppose que vous pourriez mettre en cache la valeur dans une variable, et de le remettre en cas de besoin.

       //Cache original attributes
var originalAttributes = $('#someDiv').attr('style');


   //Reset from original
$('#someDiv').attr('style',originalAttributes);

    EDIT:

    Si nécessaire, vous pouvez envoyer vos éléments à partir du serveur avec des attributs personnalisés pour rappeler l'origine class attribut, par exemple.

    <div class="myClass" originalClass="myClass">...</div>

    Alors vous pouvez faire référence à l'original quand vous en avez besoin.

    Vous pourriez même trouver tous les éléments qui ont le originalClass attribut de ce genre.

    var $elementsWithOriginal = $('[originalClass]');

    ou trouver d'éléments de la class attribut a été modifié à partir de l'original.

    var $modifiedFromOriginal = $('[originalClass]').filter(function() {
        return $(this).attr('class') != $(this).attr('originalClass');
    });
    • semble bon, ce que sur la mémorisation de quelle classe il l'habitude d'avoir et ne pas avoir?
    • Peut-être essayer quelque chose d'un peu de créativité comme l'utilisation d'un attribut personnalisé comme originalClass, de sorte que votre élément viendrait du serveur comme ceci: <div class="myClass" originalClass="myClass">...</div>. Ensuite, vous pouvez obtenir la valeur de originalClass juste comme n'importe quel autre attribut.
    • J'ai mis à jour ma réponse avec des exemples.
    • Ne le soit pas .de données() être une meilleure façon de stocker les originalClass?
    • Ancêtres pourraient avoir du style et attributs de classe à partir de laquelle les propriétés CSS sera héritée: je ne pense pas que cette question a une réponse facile 🙂
    • pourrait être une alternative, mais non, pas nécessairement mieux. data() est important lorsque vous avez besoin de stocker un type autre qu'une Chaîne de caractères. Un nom de classe est une simple chaîne de caractères, donc il n'y a pas d'avantage particulier à l'aide de data().
    • Aussi, la question a été sur la réinitialisation des éléments qui ont été conçus par jQuery de retour à leur état d'origine. La présomption est que l'OP était conscient de style effets à l'égard de l'ascendance lors de l'application des styles, et être conscient des effets lors de la suppression de jQuery généré les styles.

    InformationsquelleAutor user113716