Colorbox: содержимое закрывается при нажатии - PullRequest
1 голос
/ 28 марта 2020

Я довольно новичок в веб-разработке, и у меня возникла проблема с плагином colorbox. При первом открытии страницы все работает правильно.
Внешний вид по умолчанию

Каждое из изображений - это ссылки, при нажатии на которые открывается соответствующий цветной ящик.
При нажатии на цветной ящик отображается правильно

При нажатии на значок закрытия или щелчке на наложении фона цветовая рамка закрывается, как и должно быть, но когда я нажимаю на само содержимое цветовой рамки, цветная коробка перестает отображать содержимое, а также границу и фон оверлей остается.
Ошибка, которую я описываю

Я хотел бы отключить функцию щелчка содержимого, чтобы он закрывался только при нажатии значка закрытия или наложение фона.

Это мой код самой страницы (html / php).

<section class="invitados contenedor seccion">
    <h2>Nuestros Invitados</h2>
    <ul class="lista-invi clearfix">
        <?php while ($invitados = $resultado->fetch_assoc()) { ?>

            <li>
                <div class="invi">
                    <a class="invitado-info" href="#invitado<?php echo $invitados['invitado_id'] ?>"> 
                    <img src="img/<?php echo $invitados['url_imagen'] ?>" alt="Imagen De Invitado 1" />
                    <p><?php echo $invitados['nombre_invitado'] . ' ' . $invitados['apellido_invitado'] ?></p>
                    </a>
                </div>
            </li>
            <div style="display:none;">
                <div class="invitado-info" id="invitado<?php echo $invitados['invitado_id'] ?>">
                    <h2><?php echo $invitados['nombre_invitado'] . ' ' . $invitados['apellido_invitado'] ?></h2>
                    <img src="img/<?php echo $invitados['url_imagen'] ?>" alt="Imagen De Invitado 1" />
                    <p><?php echo $invitados['descripcion'] ?></p>
                </div>
            </div>
        <?php } ?>
    </ul>
</section>

И функция jquery

$('.invitado-info').colorbox({inline:true, width:'50%' });

Извините если имена классов и переменные выглядят странно, они на испанском sh и заранее спасибо всем, кто помогает.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...