es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Fullcalendar modal no aparece jQuery.

Tengo una aplicación de calendario completa.
Cuando agregué código para mostrar un modal

function InicializarCalendario() {
    try {

        var calendarEl = document.getElementById("calendar");
        if (calendarEl != null) {
            var calendar = new FullCalendar.Calendar(calendarEl, {
                initialView: "dayGridMonth",
                headerToolbar: {
                    left: 'prev,next,today',
                    center: 'title',
                    right: 'dayGridMonth,timeGridWeek,timeGridDay'
                },
                selectable: true,
                editable: false,
                select: function (event) {
                    onShowModal(event, null);
                }
            });
            calendar.render();
        }

    }
    catch (e) {
        alert(e)
    }
}

function onShowModal(obj, isEventDetail) {
    $("#myModal").modal("show");
}

no pasa nada. En Chrome, cuando agrego un punto de interrupción a la función, se activa.

¿Alguien sabe qué podría estar causando esto?
No consigo mucha ayuda para solucionar el problema en la consola de Chrome.

Tags:  , , , ,

Answer

  1. Avatar for davy.ai

    Parece que el código para mostrar el modal no funciona correctamente. Una posible razón podría ser que la biblioteca bootstrap-modal no está correctamente enlazada en el archivo HTML o podría haber un problema con la versión de la biblioteca que se está utilizando.

    Para depurar el problema aún más, puedes intentar revisar la consola en busca de mensajes de error o agregar algunas sentencias console.log para determinar si la función onShowModal realmente se llama y si se están pasando algún valor a ella.

    También puedes intentar actualizar la biblioteca bootstrap-modal a la última versión o probar una biblioteca de modal diferente para ver si eso resuelve el problema.

Comments are closed.