Блог

Главная - Вопросы по программированию - Загрузочный модальный иногда отображается, а иногда не отображается

Загрузочный модальный иногда отображается, а иногда не отображается

#javascript #jquery #twitter-bootstrap #modal-dialog

#javascript #jquery #twitter-bootstrap #модальный диалог

Вопрос:

У меня есть несколько модалов на одной странице, но они отображаются только с перерывами. Модели запускаются этим скриптом. 

 $(".embed").on("contextmenu", function(e) {
    e.preventDefault();
    var targetModal = $(this).data('target');
    $(targetModal).modal("show");
})

HTML — это

 <div class="embed" data-target="#embed0">
    <img src="images/stakeholder-interest.png"  alt="Analyse stakeholder interest"/> 
</div>

Модальный html — это

 <div id="embed0" class="modal" role="dialog">
    <div class="modal-dialog">
    <!-- modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">amp;times;  </button>
            </div><!--END model-header-->
            <div class="modal-body">        
            </div><!--END model-body-->
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-  dismiss="modal">Close</button>
            </div>
        </div><!-- end modal-content-->
    </div><!-- end modal-dialog-->
</div><!-- END embed0 1st image-->

Комментарии:

1. Обратите внимание, что вам не хватает закрывающего тега <div id="embed0"...

2. спасибо, пропустил это в вопросе. Код находится на странице. Отредактирует вопрос.

3. хорошо, пытаюсь использовать experts-exchange. Не найти stackoverflow той помощи, которая когда-то была.

Ответ №1:

Виновник — SumoMe Highlighter. Отключение подсветки позволило корректно и последовательно отображать модальные элементы на каждом изображении. Подозреваю, что SumoMe CSS, который применяется при загрузке страницы, взаимодействует с другими элементами страницы.