0

Hola tengo un problema que me comenzo a surgir, estaba creando un proyecto y en el archivo js, inicialice un AddEventListener("click") y un "new bootstrap.Modal()".

Estaba todo normal, funciona pero cuando lo llamo al archivo JS de otra pagina html, buscando algunas funciones de validaciones generales que cree, salta error bien comienza, ya que me toma el addEventListenner y el modal, ya que el sistema lo busca y no lo encuentra a los elementos, pero yo no los necesito a ellos, solo las funciones de validacion general

Comienza a saltar error, entonces mi pregunta es la siguiente.

Hay forma de que llame de otra pagina y lo evite a los inicializadores?, o tengo que separarlo de los archivos a las funciones y exportarlo uno por uno?

introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

1
  • El HTML se lee en orden, si tu pones el script antes de la creación del elemento 'modal-vertical', el script no va a encontrar ese elemento, porque aún no existe. Entonces 1) Reordena tu código adecuadamente o 2) Utiliza eventos para detectar que la página ya tiene todos sus elementos cargados ej: DOMContentLoaded y mi favorita 3) Usar el atributo onclick en vez del AddEventListener("click"), menos rollo menos lio y funciona siempre
    – Yussef
    Commented el 12 nov. 2022 a las 18:31

1 respuesta 1

0

Verifica antes de ejecutar esas funciones si el elemento existe en la página mediante un condicional tipo:

if(document.getElementById('modal-verificar)) {
  // aqui va el código de tu modal
}

y si no existe se saltará ese código y no te dará más errores.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.