¿Cómo guía la ventana emergente de arranque la ventana de la página emergente de arranque?
La ventana emergente del cuadro modal de arranque está bloqueada por la capa de máscara. ¿Cómo solucionarlo? Cuando aparece el cuadro modal de arranque, la capa de máscara lo oscurece. La solución es:
1. Abra la herramienta de desarrollo WebStorm y cree un nuevo archivo "test.html", que es el mismo directorio que el directorio donde se instalan e implementan los archivos relacionados con Bootstrap. La estructura del directorio se muestra en la siguiente figura.
2. Escribe el siguiente código en "test.html".
3. Compruebe el efecto de la imagen a continuación en la página web. En este momento hacer clic en el botón no corresponde porque no existe el código correspondiente.
4. Modifique el código "test.html" de la siguiente manera.
5. Para ver el efecto de la página web, haga clic en el botón y el cuadro de modo aparecerá normalmente. El modal desaparece cuando se hace clic en otra parte de la página.
6. Agregue un botón "Cancelar" en el cuadro modal y luego haga clic en "Cancelar" para que el cuadro modal desaparezca. El código es el siguiente.
¿Cómo usar el modo emergente modal de Bootstrap en yii2?
Esto se debe a que no se introduce el archivo bootstrps modal.js. Otro método es que puedes usar directamente el componente modal en Yii, que importará automáticamente el archivo modal.js, pero aún no he visto cómo usarlo.
¿Cómo utilizar el complemento jsp?
Ahora les presentaré un complemento js, el complemento del cuadro modal Bootstrap (Modal), que puede agregar un código html con un botón de selección al cuadro modal emergente. Le presentará dos métodos: es un cuadro modal estático y el otro es un cuadro modal dinámico. El cuadro modal (Modal) superpone un subformulario en el formulario principal. Normalmente, el propósito es mostrar contenido de una fuente separada que permita cierta interacción sin salir del formulario principal. Los subformularios pueden proporcionar información, interacciones y más. Cuadro modal estático
Iniciar cuadro modal de demostración
Agregar botón de selección aquí
Cuadro modal dinámico
Iniciar cuadro de estado del cuadro modal de demostración
Presione el botón ESC para salir. Agregue un botón de selección aquí.