Clase: Cuadro de diálogo modal

Cuadro de diálogo modal

ModalDialog se muestra sobre el vídeo y sus controles, lo que bloquea la interacción con el reproductor hasta que se cierra.

Los cuadros de diálogo modales incluyen un botón "Cerrar» y se cerrarán cuando se active ese botón, o cuando se pulsa ESC en cualquier lugar.


new ModalDialog (jugador [, opciones])

Cree una instancia de esta clase.

Parámetros:
Nombre Tipo Argumento Descripción
jugador Jugador

El jugador al que debe asociarse esta clase.

opciones Objeto <optional>

El almacén de clave/valor de las opciones de los jugadores.

Propiedades
Nombre Tipo Argumento Predeterminado Descripción
contenido mixto <optional>

Proporcione contenido personalizado para este modal.

descripción cuerda <optional>

Descripción de texto para el modal, principalmente para accesibilidad.

Rellenar siempre booleano <optional>
falso

Normalmente, los modales se llenan automáticamente solo la primera vez que se abren. Esto indica al modal que actualice su contenido cada vez que se abre.

etiqueta cuerda <optional>

Etiqueta de texto para el modal, principalmente para accesibilidad.

temporal booleano <optional>
verdadero

Si es cierto, el modal solo se puede abrir una vez; se eliminará en cuanto se cierre.

no se puede cerrar booleano <optional>
falso

Si es cierto, el usuario no podrá cerrar el modal a través de la interfaz de usuario de la forma normal. El cierre programático sigue siendo posible.

Fuente:
modal-dialog.js que es

Extiende

Métodos


$ (selector [, context])

Busque un único elemento DOM que coincida con un selector. Puede estar dentro del componente contenTel () u otro contexto personalizado.

Parámetros:
Nombre Tipo Argumento Predeterminado Descripción
selector cuerda

Selector CSS válido, que se pasará a QuerySelector.

contexto Element | cadena <optional>
Este.contentel ()

Elemento DOM dentro del que realizar consultas. También puede ser una cadena selectora en cuyo caso el primer elemento coincidente se utilizará como contexto. Si falta this.contentel () se utiliza. Si this.contentel () no devuelve nada, vuelve al documento.

Heredado de:
Fuente:
component.js que es
Ver:
Devoluciones:

el elemento dom que se encontró, o nulo

Tipo
Elemento | null

$$ (selector [, context])

Busca todos los elementos DOM que coinciden con un selector. Puede estar dentro del componente contenTel () u otro contexto personalizado.

Parámetros:
Nombre Tipo Argumento Predeterminado Descripción
selector cuerda

Selector CSS válido, que se pasará a QuerySelectorAll.

contexto Element | cadena <optional>
Este.contentel ()

Elemento DOM dentro del que realizar consultas. También puede ser una cadena selectora en cuyo caso el primer elemento coincidente se utilizará como contexto. Si falta this.contentel () se utiliza. Si this.contentel () no devuelve nada, vuelve al documento.

Heredado de:
Fuente:
component.js que es
Ver:
Devoluciones:

una lista de elementos dom que se encontraron

Tipo
Lista de nodos

addChild (child [, opciones] [, índice])

Agregue un componente hijo dentro del componente actual.

Parámetros:
Nombre Tipo Argumento Predeterminado Descripción
niño string | Componente

El nombre o la instancia de un hijo que se va a agregar.

opciones Objeto <optional>
{}

El almacén de clave/valor de opciones que se pasarán a los hijos del niño.

índice número <optional>
this.children_.length

Índice al que intentar agregar un hijo.

Heredado de:
Fuente:
component.js que es
Devoluciones:

El componente que se agrega como hijo. Cuando se usa una cuerda, Componente será creado por este proceso.

Tipo
Componente

Agregar clase (clase para agregar)

Agregue un nombre de clase CSS al elemento del componente.

Parámetros:
Nombre Tipo Descripción
Clase para agregar cuerda

Nombre de clase CSS para agregar

Heredado de:
Fuente:
component.js que es
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

blur ()

Eliminar el enfoque de este componente

Heredado de:
Fuente:
component.js que es

Crear clase CSS ()

Crea el nombre de clase DOM predeterminado.

Anulaciones:
Fuente:
modal-dialog.js que es
Devoluciones:

El nombre de clase DOM de este objeto.

Tipo
cuerda

niños ()

Obtenga una matriz de todos los componentes secundarios

Heredado de:
Fuente:
component.js que es
Devoluciones:

Los niños

Tipo
Matriz

ClearInterval (interválido)

Borra un intervalo que se crea a través de Window.setInterval o Component #setInterval. Si establece un intervalo mediante el Componente #setInterval, utilice esta función en lugar de Window.clearInterval. Si no lo hace, su oyente no se limpiará hasta el Componente #dispose.

Parámetros:
Nombre Tipo Descripción
Interválido número

ID del intervalo que se va a borrar. El valor devuelto de Component #setInterval o Window.setInterval.

Heredado de:
Fuente:
component.js que es
Ver:
Devoluciones:

Devuelve el identificador de intervalo que se ha borrado.

Tipo
número

Borrar tiempo de espera (ID de tiempo de espera)

Borra un tiempo de espera que se crea a través de Window.setTimeout o Component #setTimeout. Si establece un tiempo de espera mediante el Componente #setTimeout, utilice esta función en lugar de Window.Cleartimout. Si no lo hace, su oyente no se limpiará hasta el Componente #dispose.

Parámetros:
Nombre Tipo Descripción
ID de tiempo de espera número

Identificación del tiempo de espera que se va a borrar. El valor devuelto de Component #setTimeout o Window.setTimeout.

Heredado de:
Fuente:
component.js que es
Ver:
Devoluciones:

Devuelve el identificador de tiempo de espera que se ha borrado.

Tipo
número

close ()

Cierra el modal, no hace nada si el ModalDialog no está abierto.

Fuente:
modal-dialog.js que es
Fuegos:
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Cuadro de diálogo modal

cerrable ([valor])

Compruebe si ModalDialog se puede cerrar a través de la interfaz de usuario.

Parámetros:
Nombre Tipo Argumento Descripción
valor booleano <optional>

Si se da como booleano, establecerá el cerrable opción.

Fuente:
modal-dialog.js que es
Devoluciones:

Devuelve el valor final de la opción que se puede cerrar.

Tipo
booleano

contenido ([valor])

Obtiene o establece el contenido modal, que se normaliza antes de renderizarse en el DOM.

Esto no actualiza el DOM ni llena el modal, pero se llama durante ese proceso.

Parámetros:
Nombre Tipo Argumento Descripción
valor mixto <optional>

Si se define, establece el valor de contenido interno que se utilizará en las próximas llamadas a rellenar. Este valor se normaliza antes de insertarse. Para "borrar» el valor del contenido interno, pasa nulo.

Fuente:
modal-dialog.js que es
Devoluciones:

El contenido actual del cuadro de diálogo modal

Tipo
mixto

contenido en el ()

Devuelve el elemento DOM del componente. Aquí es donde se insertan los niños. Normalmente, será el mismo que el elemento devuelto en el Componente #el.

Heredado de:
Fuente:
component.js que es
Devoluciones:

El elemento de contenido de este componente.

Tipo
Elemento

Crear el ()

Crea el ModalDialogelemento DOM de

Anulaciones:
Fuente:
modal-dialog.js que es
Devoluciones:

El elemento DOM que se crea.

Tipo
Elemento

Dimensión actual (ancho o alto)

Obtenga el ancho o la altura del Componente elementos calculados estilo. Utiliza Window.getComputedStyle.

Parámetros:
Nombre Tipo Descripción
Anchura o altura cuerda

Una cadena que contiene 'ancho' o 'alto'. Cualquiera que quieras conseguir.

Heredado de:
Fuente:
component.js que es
Devoluciones:

La dimensión que se solicita o 0 si no se ha establecido nada para esa dimensión.

Tipo
número

Dimensiones actuales ()

Obtenga un objeto que contenga valores de anchura y altura del estilo calculado del componente.

Heredado de:
Fuente:
component.js que es
Devoluciones:

Dimensiones del elemento componente

Tipo
Componente~DimensionObject

Altura actual ()

Obtenga la altura del estilo calculado del componente. Utiliza Window.getComputedStyle.

Heredado de:
Fuente:
component.js que es
Devoluciones:

height Altura del estilo calculado del componente.

Tipo
número

Current Width ()

Obtenga el ancho del estilo calculado del componente. Utiliza Window.getComputedStyle.

Heredado de:
Fuente:
component.js que es
Devoluciones:

width Ancho del estilo calculado del componente.

Tipo
número

descripción ()

Devuelve la cadena de descripción de este modal. Se utiliza principalmente para accesibilidad.

Fuente:
modal-dialog.js que es
Devoluciones:

Descripción localizada o bruta de este modal.

Tipo
cuerda

dimensión (ancho o alto [, num] [, saltar Listeners])

Obtenga o establezca el ancho o alto del Componente elemento. Este es el código compartido para el componente #width y el componente #height.

Cosas que debes saber:

  • Si el ancho o el alto de un número devolverá el número postfijo con «px».
  • Si el ancho/alto es un porcentaje, devolverá el porcentaje fijado con '%'.
  • Los elementos ocultos tienen un ancho de 0 con window.getComputedStyle. Esta función tiene por defecto el Componentes style.width y vuelve a caer window.getComputedStyle. Consulte esto para obtener más información
  • Si desea el estilo calculado del componente, utilice Component #currentWidth y {Component #currentHeight
Parámetros:
Nombre Tipo Argumento Descripción
Anchura o altura cuerda

8 'ancho' o 'alto'

num number | string <optional>

8 Nueva dimensión

Alicates de esquí booleano <optional>

Omitir activador de evento de redimension

Heredado de:
Fuente:
component.js que es
Fuegos:
Devoluciones:
  • la dimensión al obtener o 0 si no está establecida
    - Se devuelve a sí mismo al configurar; El método se puede encadenar.
Tipo
Componente

dimensiones (ancho, alto)

Establezca tanto el ancho como el alto del Componente elemento al mismo tiempo.

Parámetros:
Nombre Tipo Descripción
anchura number | string

Ancho para establecer el elemento componentes.

altura number | string

Altura en la que se establece el elemento componentes.

Heredado de:
Fuente:
component.js que es
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

disponer ()

Elimine el componente y todos los componentes secundarios.

Heredado de:
Fuente:
component.js que es
Fuegos:

el ()

Obtener el elemento DOM del componente

Heredado de:
Fuente:
component.js que es
Devoluciones:

El elemento DOM de este componente.

Tipo
Elemento

empty ()

Vacía el elemento de contenido. Esto sucede cada vez que se llena el modal.

Fuente:
modal-dialog.js que es
Fuegos:
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Cuadro de diálogo modal

Activar actividad de Touch ()

Esta función informa de la actividad del usuario cada vez que se producen eventos táctiles. Esto puede desactivarse por cualquier subcomponente que quiera que los eventos táctiles actúen de otra manera.

Informar de la actividad táctil del usuario cuando se producen eventos táctiles. La actividad del usuario se utiliza para determinar cuándo deben mostrarse u ocultar los controles. Es sencillo cuando se trata de eventos de ratón, porque cualquier evento de ratón debería mostrar los controles. Así que capturamos eventos de ratón que se acumulan al jugador e informamos de la actividad cuando eso ocurre. Con los eventos táctiles no es tan fácil como touchstart y tocar alternar los controles del reproductor. Así que los eventos táctiles tampoco nos pueden ayudar a nivel de jugador.

La actividad del usuario se comprueba de forma asíncrona. Así que lo que podría suceder es que un evento de toque en el vídeo desactiva los controles. Entonces el tocar evento burbujea hasta el jugador. Lo que, si informaba de la actividad del usuario, volvería a activar los controles. Tampoco queremos bloquear por completo los eventos táctiles para evitar que se burbujeen. Además un tocar evento y cualquier otra cosa que no sea un toque, no debe volver a activar los controles.

Heredado de:
Fuente:
component.js que es
Escucha eventos:
  • Componente #event:touchstart
  • Componente #evento:touch move
  • Componente #evento:touchend
  • Componente #evento:touchcancelación

fill ()

Rellene el elemento de contenido del modal con la opción «contenido» del modal. El elemento de contenido se vaciará antes de que se produzca este cambio.

Fuente:
modal-dialog.js que es
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Cuadro de diálogo modal

Rellenar con ([contenido])

Rellene el elemento de contenido del modal con contenido arbitrario. El elemento de contenido se vaciará antes de que se produzca este cambio.

Parámetros:
Nombre Tipo Argumento Descripción
contenido mixto <optional>

Las mismas reglas se aplican a esto que se aplican a la contenido opción.

Fuente:
modal-dialog.js que es
Fuegos:
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Cuadro de diálogo modal

focus ()

Establezca el foco en este componente

Heredado de:
Fuente:
component.js que es

getAttribute (atributo)

Obtenga el valor de un atributo en el elemento del componente.

Parámetros:
Nombre Tipo Descripción
atributo cuerda

Nombre del atributo del que se obtiene el valor.

Heredado de:
Fuente:
component.js que es
Ver:
Devoluciones:
  • El valor del atributo que se ha solicitado.
    - Puede ser una cadena vacía en algunos navegadores si el atributo no existe
        o no tiene valor
      - La mayoría de los navegadores devolverán un valor nulo si el atributo no existe o tiene
        sin valor.
Tipo
string | null

getChild (nombre)

Devuelve el componente secundario con el nombre de pila.

Parámetros:
Nombre Tipo Descripción
nombre cuerda

Nombre del componente hijo que se va a obtener.

Heredado de:
Fuente:
component.js que es
Devoluciones:

El componente hijo con el nombre de pila o sin definir.

Tipo
Componente | indefinido

getChildById (id)

Devuelve el componente hijo con el identificador dado.

Parámetros:
Nombre Tipo Descripción
id cuerda

ID del componente secundario que se va a obtener.

Heredado de:
Fuente:
component.js que es
Devoluciones:

El componente hijo con el identificador dado o sin definir.

Tipo
Componente | indefinido

Pulsación de la tecla del manillar (e)

Manejas keydown eventos en el documento, buscando ESC, que cierra el modal.

Parámetros:
Nombre Tipo Descripción
e Objeto del evento~Evento

La pulsación de tecla que ha desencadenado este evento.

Fuente:
modal-dialog.js que es
Escucha eventos:
  • evento:keydown

HasClass (clase para comprobar)

Compruebe si el elemento de un componente tiene un nombre de clase CSS.

Parámetros:
Nombre Tipo Descripción
Clase a comprobar cuerda

Nombre de clase CSS para comprobar.

Heredado de:
Fuente:
component.js que es
Devoluciones:
  • True si el componente tiene la clase.
    - Falso si el `Componente` no tiene la clase`
Tipo
booleano

height ([num] [, Skiplisteners])

Obtenga o establezca la altura del componente en función de los estilos CSS. Consulte Componente #dimension para obtener información más detallada.

Parámetros:
Nombre Tipo Argumento Descripción
num number | string <optional>

La altura que desea establecer con el postfijo '%', 'px' o nada.

Alicates de esquí booleano <optional>

Omitir el activador de evento de redimensionamiento

Heredado de:
Fuente:
component.js que es
Devoluciones:
  • El ancho al obtener, cero si no hay ancho. Puede ser una cuerda
    postpixelado con '%' o 'px'.
      - Se devuelve a sí mismo al configurar; El método se puede encadenar.
Tipo
Componente | número | cadena

hide ()

Oculte el elemento de Componentsi se muestra actualmente añadiéndole el nombre de clase «vjs-hidden'.

Heredado de:
Fuente:
component.js que es
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

id ()

Obtener el ID de este componente

Heredado de:
Fuente:
component.js que es
Devoluciones:

El id de este componente

Tipo
cuerda

Init Niños ()

Agregue e inicialice los componentes secundariospredeterminados en función de las opciones.

Heredado de:
Fuente:
component.js que es

etiqueta ()

Devuelve la cadena de etiqueta de este modal. Se utiliza principalmente para accesibilidad.

Fuente:
modal-dialog.js que es
Devoluciones:

la etiqueta localizada o sin procesar de este modal.

Tipo
cuerda

localize (cadena)

Localiza una cadena dada la cadena en inglés.

Parámetros:
Nombre Tipo Descripción
cuerda cuerda

La cadena que se va a localizar.

Heredado de:
Fuente:
component.js que es
Devoluciones:

La cadena localizada o, si no existe ninguna localización, la cadena inglesa.

Tipo
cuerda

nombre ()

Obtenga el nombre del componente. El nombre se utiliza para hacer referencia al componente y se establece durante el registro.

Heredado de:
Fuente:
component.js que es
Devoluciones:

Nombre de este componente.

Tipo
cuerda

off ([primero] [, segundo] [, tercero])

Elimine un detector de eventos del elemento de este componente. Si se excluyó el segundo argumento, todos los oyentes del tipo que se pasa ya que se eliminarán el primer argumento.

Parámetros:
Nombre Tipo Argumento Descripción
primero string | Componente | Matriz.<cadena> <optional>

El nombre del evento y la matriz de nombres de eventos u otro componente.

segundo eventtarget~EventListener | string | matriz.<cadena> <optional>

La función de escucha, un nombre de evento o un conjunto de nombres de eventos.

tercero Objeto de eventos~Escuchador de eventos <optional>

El controlador de eventos si el primero es un componente y el segundo es un nombre de evento o una matriz de nombres de eventos.

Heredado de:
Fuente:
component.js que es
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

on ([primero] [, segundo] [, tercero])

Agregar un oyente de eventos a esto Componenteelemento s.

La ventaja de utilizarlo sobre lo siguiente:

  • vjevents.on (OtherElement, 'EventName', myFunc)
  • OtherComponent.on ('Nombre del evento', myFunc)

  • Es que los oyentes se limpiarán cuando se elimine cualquiera de los componentes.

  • También vinculará myComponent como contexto de myFunc.

    NOTA: Si elimina el elemento del DOM que se ha utilizado en, debe

    limpie las referencias usando: `myComponent.trigger(el, 'dispose')`
     Esto también permitirá que el navegador lo recoja. En especial
     casos como `ventana` y `documento`, que son permanentes,
     Esto no es necesario.
Parámetros:
Nombre Tipo Argumento Descripción
primero string | Componente | Matriz.<cadena> <optional>

El nombre del evento y la matriz de nombres de eventos u otro componente.

segundo eventtarget~EventListener | string | matriz.<cadena> <optional>

La función de escucha, un nombre de evento o un conjunto de nombres de eventos.

tercero Objeto de eventos~Escuchador de eventos <optional>

El controlador de eventos si el primero es un componente y el segundo es un nombre de evento o una matriz de nombres de eventos.

Heredado de:
Fuente:
component.js que es
Escucha eventos:
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

uno ([primero] [, segundo] [, tercero])

Agrega un detector de eventos que se activa solo una vez y luego se elimina.

Parámetros:
Nombre Tipo Argumento Descripción
primero string | Componente | Matriz.<cadena> <optional>

El nombre del evento y la matriz de nombres de eventos u otro componente.

segundo eventtarget~EventListener | string | matriz.<cadena> <optional>

La función de escucha, un nombre de evento o un conjunto de nombres de eventos.

tercero Objeto de eventos~Escuchador de eventos <optional>

El controlador de eventos si el primero es un componente y el segundo es un nombre de evento o una matriz de nombres de eventos.

Heredado de:
Fuente:
component.js que es
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

open ()

Abre el modal.

Fuente:
modal-dialog.js que es
Fuegos:
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Cuadro de diálogo modal

abierto ([valor])

Si el ModalDialog está abierto o cerrado actualmente.

Parámetros:
Nombre Tipo Argumento Descripción
valor booleano <optional>

Si se da, abrirá (true) o cerrará (false) el modal.

Fuente:
modal-dialog.js que es
Devoluciones:

el estado abierto actual del cuadro de diálogo modal

Tipo
booleano

opciones (obj)

Fusión profunda de objetos de opciones con nuevas opciones.

Nota: Cuando tanto obj como opciones contienen propiedades cuyos valores son objetos. Las dos propiedades se fusionan mediante Module:MergeOptions

Parámetros:
Nombre Tipo Descripción
obj Objeto

Objeto que contiene nuevas opciones.

Heredado de:
En desuso:
  • desde la versión 5
Fuente:
component.js que es
Devoluciones:

Un nuevo objeto de esto.options_ y obj se fusionaron.

Tipo
Objeto

jugador ()

Devuelve el Jugador que el Componente se ha adjuntado a.

Heredado de:
Fuente:
component.js que es
Devoluciones:

El jugador que este Componente se ha adjuntado a.

Tipo
Jugador

ready (fn [, sync])

Enlazar un agente de escucha al estado listo del componente. Si el evento listo ya ha ocurrido, activará la función inmediatamente.

Parámetros:
Nombre Tipo Argumento Predeterminado Descripción
fn Componente~Devolución de llamada lista

Se activa una función a la que llamar cuando esté listo.

sincronizar booleano <optional>
falso

Ejecute el listener de forma sincrónica si el componente está listo.

Heredado de:
Fuente:
component.js que es
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

removeAttribute (atributo)

Elimina un atributo del elemento del componente.

Parámetros:
Nombre Tipo Descripción
atributo cuerda

Nombre del atributo que se va a quitar.

Heredado de:
Fuente:
component.js que es
Ver:
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

RemoveChild (componente)

Quitar a un niño Componente de esto Componentes lista de niños. Elimina también el elemento secundario del componentes de este elemento componente.

Parámetros:
Nombre Tipo Descripción
componente Componente

El componente secundario que se va a quitar.

Heredado de:
Fuente:
component.js que es

Quitar clase (clase para quitar)

Elimina un nombre de clase CSS del elemento Component.

Parámetros:
Nombre Tipo Descripción
Clase que se eliminará cuerda

Nombre de clase CSS que se va a quitar

Heredado de:
Fuente:
component.js que es
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

setAttribute (atributo, valor)

Establecer el valor de un atributo en el Componenteelemento de

Parámetros:
Nombre Tipo Descripción
atributo cuerda

Nombre del atributo que se va a establecer.

valor cuerda

Valor en el que establecer el atributo.

Heredado de:
Fuente:
component.js que es
Ver:
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

setInterval (fn, intervalo)

Crea una función que se ejecuta cada x milisegundos. Esta función es un envoltorio alrededor de Window.setInterval. Sin embargo, hay algunas razones para usar este.

  1. Se borra a través de Componente # clearInterval cuando Componente # desechar se llama.
  2. La devolución de llamada de la función será un componente ~ GenericCallback
Parámetros:
Nombre Tipo Descripción
fn Componente~Devolución de llamada genérica

Función que se ejecuta cada x segundos.

intervalo número

Ejecute la función especificada cada x milisegundos.

Heredado de:
Fuente:
component.js que es
Ver:
Escucha eventos:
Devoluciones:

Devuelve un id que se puede utilizar para identificar el intervalo. También se puede utilizar en el componente #clearInterval para borrar el intervalo.

Tipo
número

setTimeout (fn, timeout)

Crea una función que se ejecuta tras un tiempo de espera de x milisegundos. Esta función es un envoltorio alrededor de Window.setTimeout. Sin embargo, hay algunas razones para usar este:

  1. Se borra a través de Componente # clearTimeout cuando Componente # desechar se llama.
  2. La devolución de llamada de la función se convertirá en un componente ~ GenericCallback

Nota: Puede usar Window.CleartimeOut en el id devuelto por esta función. Esto hará que su oyente de desecho no se limpie. Utilice Componente #clearTimeout o Componente #dispose.

Parámetros:
Nombre Tipo Descripción
fn Componente~Devolución de llamada genérica

Función que se ejecutará tras el tiempo de espera.

tiempo de espera número

Tiempo de espera en milisegundos para retrasar antes de ejecutar la función especificada.

Heredado de:
Fuente:
component.js que es
Ver:
Escucha eventos:
Devoluciones:

Devuelve un identificador de tiempo de espera que se utiliza para identificar el tiempo de espera. También se puede utilizar en el componente #clearTimeout para borrar el tiempo de espera establecido.

Tipo
número

show ()

Muestre el elemento Component si está oculto eliminando el nombre de clase 'vjs-hidden'.

Heredado de:
Fuente:
component.js que es
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

ToggleClass (ClassToggle [, predicado])

Añada o elimine un nombre de clase CSS del elemento del componente.

Parámetros:
Nombre Tipo Argumento Descripción
Clase para alternar cuerda

La clase que se va a agregar o eliminar según (@link Component #hasClass}

predicado boolean | DOM~Predicado <optional>

Una función de predicado DOM~o booleano

Heredado de:
Fuente:
component.js que es
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

trigger (evento [, hash])

Activa un evento en un elemento.

Parámetros:
Nombre Tipo Argumento Descripción
evento eventtarget~event | Objeto | cadena

El nombre del evento y Evento o un objeto similar a un evento con un atributo de tipo establecido en el nombre del evento.

hachís Objeto <optional>

Hash de datos para transmitir junto con el evento

Heredado de:
Fuente:
component.js que es
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

Listo para activadores ()

Activa todos los oyentes listeners para este componente.

Heredado de:
Fuente:
component.js que es
Fuegos:

width ([num] [, Skiplisteners])

Obtén o establece el ancho del componente en función de los estilos CSS. Consulte Componente #dimension para obtener información más detallada.

Parámetros:
Nombre Tipo Argumento Descripción
num number | string <optional>

El ancho que desea establecer postfijo con '%', 'px' o nada.

Alicates de esquí booleano <optional>

Omitir el activador de evento de redimensionamiento

Heredado de:
Fuente:
component.js que es
Devoluciones:
  • El ancho al obtener, cero si no hay ancho. Puede ser una cuerda
    postpixelado con '%' o 'px'.
      - Se devuelve a sí mismo al configurar; El método se puede encadenar.
Tipo
Componente | número | cadena

Eventos


antes de cerrar

Disparado justo antes de un ModalDialog está cerrado.

Tipo: Objeto del evento~Evento
Fuente:
modal-dialog.js que es

antes de remodelar vacía

Se ha disparado justo antes de vaciar un ModalDialog.

Tipo: Objeto del evento~Evento
Fuente:
modal-dialog.js que es

antes del relleno de la remodelación

Se disparó justo antes de que un ModalDialog esté lleno de contenido.

Tipo: Objeto del evento~Evento
Fuente:
modal-dialog.js que es

antes de remodelar abrir

Se disparó justo antes de abrir un ModalDialog.

Tipo: Objeto del evento~Evento
Fuente:
modal-dialog.js que es

deshacerse

Se activa cuando un Componente está dispuesto.

Tipo: Objeto del evento~Evento
Propiedades:
Nombre Tipo Argumento Predeterminado Descripción
burbujas booleano <optional>
falso

se establece en false para que el evento de cierre no se burbujee

Heredado de:
Fuente:
component.js que es

cierre modal

Se activa justo después de cerrar un ModalDialog.

Tipo: Objeto del evento~Evento
Fuente:
modal-dialog.js que es

modal vacío

Se activa justo después de vaciar un ModalDialog.

Tipo: Objeto del evento~Evento
Fuente:
modal-dialog.js que es

relleno modal

Se disparó justo después de que un ModalDialog esté lleno de contenido.

Tipo: Objeto del evento~Evento
Fuente:
modal-dialog.js que es

modal open

Se activa justo después de abrir un ModalDialog.

Tipo: Objeto del evento~Evento
Fuente:
modal-dialog.js que es

listo

Se activa cuando un componente está listo.

Tipo: Objeto del evento~Evento
Heredado de:
Fuente:
component.js que es

cambiar tamaño

Se activa cuando se cambia el tamaño de un componente.

Tipo: Objeto del evento~Evento
Heredado de:
Fuente:
component.js que es

toque

Se activa cuando un Componente se toca.

Tipo: Objeto del evento~Evento
Heredado de:
Fuente:
component.js que es