jquery plugins - vue - ¿Cuál es un mejor método para activar un evento load() en las imágenes en caché?

import jquery in vue

Question

Estoy trabajando en un script que espera que el contenido se cargue en un div oculto antes de activar una miniatura que lo señale.

$(''#preload img:first-child'')
.bind(''load'',activateThumb)
.each(function(){
if(this.complete || this.complete===undefined) $(this).load()});

each parte activa el evento load() para las imágenes en la memoria caché. Tuve que agregarlo para hacer que la página funcione en algunos navegadores que no activan load() en las imágenes en caché.

También hay un complemento aquí que básicamente hace lo mismo, activando el evento de carga no "manualmente" sino restableciendo el atributo src .

Desde el punto de vista de la programación, ¿cuál es la solución más elegante?

Answer 1

Restablecer el atributo src para disparar el controlador de load parece un truco (según mi conocimiento). A menos que el autor del complemento tenga alguna razón especial para hacerlo, o sepa algo que nosotros no sabemos, me quedaría con su método de activación manual de la load .

Answer 2

El complemento event.special.load , que se menciona en la documentación del evento de carga de jquery, lo resuelve de forma similar.