Ceci fonctionne pour exécuter le même code sur prêts et redimensionnés: Comment accompliriez-vous le même résultat en utilisant jquery.on () ? p> p>
3 Réponses :
Donc, vous pouvez créer une fonction qui a le code que vous souhaitez accéder à Si vous souhaitez conserver votre champ d'application de joindre, vous pouvez faire tout cela dans une fonction d'exécution immédiate: p> Les manuteners prêts ajoutés via lorsque vous utilisez sur code> peut être utilisé pour filer le redimension et les événements prêts, comme tout autre événement.
redimensionner code> et
prêt code>, puis transmettez-le aux deux appels vers
sur code>. P>
.on () code> pour attacher des gestionnaires prêts: p>
$ (fn) code> et
$ (document) .Ready (fn) code> sont "rétro-tirés" tandis que ceux ajoutés par
.on () code> ne le sont pas. En utilisant celles-ci, si vous ajoutez un gestionnaire après que le DOM soit déjà chargé, le FN sera tiré immédiatement. Si vous ajoutez un gestionnaire via
.on ('prête', fn) code> après em> le DOM est chargé, il sera pas em> être tiré par JQuery, Mais vous pouvez manuellement
.trigger ('prêt') code> it. p> li>
$ (fn) code> ou
$ (document) .Ready (fn) code> Pour ajouter un gestionnaire prêt, le FN reçoit
jQuery ($ ($) ) {}) code> utilisation. Si vous utilisez
$ (document) .on ('prête', fn) code>, la 1ère argine que le FN reçoit est un
Ceci code> à l'intérieur du FN est le document
code>. Si vous deviez faire quelque chose d'anormal comme
$ ('# foo'). Sur ('prêt', fn) code> dans le but de déclencher,
ceci code> serait le
#foo code> élément. p> li>
ul> p>
@Ryanve - Ouais, tu peux faire de grandes choses avec des fermetures à JavaScript
Je choisis cette réponse B / C C'est la question spécifique à la question et à sa lecture. La réponse de @jasper est également solide et peut être plus rapide en fonction de la situation.
voici une démonstration: http://jsfiddle.net/qmbtp/ p> p> .Readady () code>,
.Resize () code>, et d'autres comme
.mouseover () code> sont toutes des coupes courtes pour utiliser le
.bind () code> fonction (ou
.on () code> dans jQuery 1.7+).
.Resize (fonction () {}) code> mappe vers
.bind ("redimensionner", fonction () {}) code>. Voici comment votre code regarderait à l'aide de
.on () code> Dans la mesure du possible:
Utilisation de la gâchette ('Redimensionner') Code> fait est plus rapide que
redimension () code>. Cela peut être le moyen le plus rapide. JSPERF.COM/Bind-O-Ready-and-Resize-1
Liez-le à la fois l'événement de chargement et de redimensionnement comme ci-dessous: beaucoup plus simple - espérons que cela aide. p> p>
sur code> est un remplacement de
lid code>,
live code> et
délégué code>, mais pas les méthodes sténographiques. Si vous demandez de la curiosité, d'accord, mais vous n'avez pas à changer votre code pour utiliser
.on code>.
@Felixkling J'aimerais comprendre le moyen le plus rapide.
@Felixkling et oui, aussi curieux.