OK, volveremos. La próxima función que quiero abordar es el botón X aquí.
Por lo tanto, cuando hacemos clic en esta X, en realidad debería eliminar todo Para hacerlo, no solo en
gris, sino que debería desvanecerse y eliminarse.
Entonces se ve así en la versión final.
No tenemos el mismo icono para hacer clic en los mismos colores o la animación, pero la funcionalidad
cuando hago clic en algo debe ser la misma.
Entonces digamos que ya terminé con los platos.
Se desvanece y luego desaparece.
Y ya no está aquí, se ha ido por completo.
DE ACUERDO.
Lo primero que queremos hacer es escuchar un clic en cualquiera de estos archivos.
Y en nuestra época Tim recordaré que hicimos cada uno un lapso para que podamos hacer eso fácilmente.
De lo contrario, si solo tuviéramos una X como parte de la mentira, no hay manera de determinar si nuestro clic está en la
X o si está en el resto del camino.
Así que acabamos de estar allí y ahora vamos a ir a un javascript y agreguemos otro comentario.
Haga clic en X para borrar para hacerlo, comenzaremos con el evento click.
Así que signo de dólar.
Seleccione todas las spand Y va a hacer clic de nuevo y luego necesitamos una función de devolución de llamada
y en lugar de nuestra devolución de llamada haremos otro clic en un lapso como ese y volveremos a actualizar, hacemos clic en la mentira, no
ocurre nada.
Tan pronto como hacemos clic en el tramo, obtenemos una alerta que dice que ha hecho clic en este tramo.
Hay un pequeño problema que puede que aún no hayas notado cuando hago clic en el lapso
y luego hago clic en la X. Obtengo la alerta que espero obtener, pero también presto mucha atención al descartar la alerta.
También obtenemos los estilos que provienen del evento click.
Entonces, lo que eso nos dice es que el evento de spam se está disparando y luego el evento de clic
también se activa.
Y eso tiene sentido porque nuestros tramos están dentro de los aliados.
Así que cuando hacemos clic en un tramo cuando hago clic en este tramo, por ejemplo, en el medio, inspeccionémoslo. Estoy
haciendo clic en este tramo, pero ese es el español también dentro del aliado.
Entonces, desde otra perspectiva, estoy haciendo clic en la mentira.
clic en el pozo porque todos estos son en lugar de un UL o en el contenedor de identificación
div o en el cuerpo o en el elemento de equipo que está pasando por un clic en este lapso sabes cinco o seis diferentes capas.
Pero desde otra perspectiva estoy haciendo
Entonces cuando agregamos el detector de eventos al tramo o al aliado o si tenemos un oyente de eventos y
todos los que te mostraré ahora mismo.
Así que agreguemos otro oyente de eventos aquí y este estará en el testamento y nos pondremos en
alerta haciendo clic en UIL y haremos uno más.
Y este estará en el contenedor de identificación de divx y esto dirá click en contenedor div y
en realidad lo hará en el cuerpo también.
Y esto dirá click en el cuerpo.
DE ACUERDO.
Así que hacemos clic en el tramo que es en lugar de un aliado en lugar de un UL en
lugar del contenedor dentro del cuerpo.
Ahora prestemos atención cuando actualizamos al orden en que las cosas se activan.
Así que primero hago clic en el tramo y me dice que hice clic en el tramo y luego no sé si lo has notado, pero
el evento click fire lo hace bien, así es como obtuvimos los estilos allí.
Y luego haga clic en el evento y luego en el contenedor div y luego en el cuerpo finalmente.
Entonces, ese ejemplo ilustra un fenómeno llamado evento burbujeante.
Lo que sucede es que este evento inicialmente se desencadena en el lapso y es allí donde se origina.
Pero luego surge en dos elementos principales.
Por lo tanto, surge en la mentira y desencadenará cualquier evento de clic similar y luego de allí brota
hasta la lata del pozo, lo que desencadenará cualquier evento de clic y así sucesivamente hasta que llegue al
elemento HTL donde se detiene para evitar el mentira.
Haga clic en el controlador para que se dispare cuando haga clic en el lapso que está dentro de Y.
Lo que podemos hacer es decirle al evento dentro del tramo que ya no haga más burbujas.
Solo para detenerse en sus pistas y no desencadenar ningún otro evento en el elemento padre.
Así que te mostraré eso aquí.
Todo lo que tenemos que hacer en lugar de este span escucha rápida que agregamos en el objeto del evento.
Y nuevamente esto se puede llamar E evento T.
Cualquier nombre que desee el más común es evento o e.
Y luego lo que haremos es agregar un método llamado propagación de detención de eventos.
Y este es un método de codificación J que evitará que el evento burbujee.
Por lo tanto, se activará en el intervalo, pero no continuará en el oyente similar o cualquiera de estos que tenemos
para ese asunto.
Entonces si guardamos y refrescamos
Y ahora hago clic en un lapso de tiempo. Todavía obtengo mi clic en el tramo y luego se detiene.
No conseguimos ninguno de esos otros oyentes que habíamos configurado disparando a otro que tenemos el oyente
de span configurado correctamente.
Vamos a completarlo con el código correcto.
Lo que necesitamos hacer es cuando hagamos clic en un lapso. Regresaré al navegador cuando haga clic en uno
de estos.
Queremos eliminar esta mentira para que la mentira que la contiene se actualice.
Hago clic en este lapso para quitar esta mentira y para hacerlo podemos comenzar desde el lapso usando el
signo de dólar y si solo hacemos dólares en este eliminar o desaparecer pero comenzaremos con eliminar.
Y volvemos.
Todo lo que sucede es que el lapso se va.
En este momento estamos eliminando el lapso.
Necesitamos eliminar el elemento que lo rodea y Shakeri nos brinda una manera realmente agradable y fácil de hacerlo.
Todo lo que tenemos que hacer es escribir que los padres eliminen y eso en realidad nos dará el elemento padre como
un elemento de consulta.
Así que este es un lapso en el que hicimos clic en el padre nos da la mentira quitar eliminará a todo el aliado.
Entonces, si actualizo puedes ver que desaparece y refrescar nuevamente.
Pero si hago clic sobre la marcha, simplemente marca la última mejora que podríamos hacer en vez
de eliminarla inmediatamente.
Se desvaneció.
Así que haremos un fundido de puntos y comenzaremos allí. Volvemos a actualizar. Hacemos clic y se desvanece.
Pero recuerda que el hecho de acondicionarlo no lo elimina.
si inspeccionamos en lugar de nuestro bien, todavía tenemos tres que hacer, solo dos de ellos no tienen ninguno.
Todavía está aquí
Y no queremos que eso suceda.
Imagina que teníamos que perder mil que habíamos eliminado.
Bueno, no queremos desacelerar las cosas teniendo miles de elementos ocultos en nuestra página.
Entonces, lo que haremos será usar remove pero recuerde que no funciona solo para hacer esto.
Lo eliminará pero no esperará a que termine el fundido.
que hacemos clic en él comienza a desvanecerse e inmediatamente después de que se elimina si queremos que el fundido finalice, todo lo que
tenemos que hacer es utilizar la devolución de llamada que podemos pasar al desvanecimiento que se ejecutará después.
Si queremos demostrar tan rápidamente
Y vamos a darle una duración, digamos quinientos milisegundos para comenzar.
Y luego, cuando termine, no podemos simplemente llamar a eliminar por sí mismo.
Necesitamos llamarlo en un elemento y el elemento que queremos que llame es el mismo que estamos
rellenando para que podamos usar un signo de dólar.
Esto es importante notar que esto aquí mismo no es el mismo signo de dólar aquí mismo.
Así que veamos que es un poco complicado cuando hacemos clic en un signo de dólar español.
Esto se refiere al elemento que fue rápido en el lapso, pero luego estamos haciendo los padres.
Así que ahora estamos trabajando con la mentira que encierra ese tramo y luego estamos haciendo fadeout sobre la marcha.
Entonces, en lugar de desvanecerse, esto se refiere a la mentira, no al lapso.
De acuerdo, guardaremos y volveremos a actualizar.
Ahora obtenemos un buen desvanecimiento y si inspeccionamos la UL, solo nos queda una vida.
Entonces se desvanece y luego se elimina.
Para resumir todo aquí.
El primer problema con el que tropezamos fue que nuestros eventos, el evento de clics en el tramo,
en realidad disparaban el evento sobre la marcha también después de que se disparaba.
Entonces, para solucionarlo, utilizamos eventos que detienen la propagación, lo que evita que se propague a otros elementos.
Y luego usamos ese padre para recuperar al aliado que está encerrando el lapso en el que se hizo clic
y luego lo desvanecimos.
Y luego, cuando termine el fade out, eliminaremos toda la mentira en el próximo video, vamos a abordar
la funcionalidad nueva para hacer