Модал не загружает контент после того, как он был открыт раньше - PullRequest
Новая
       2

Модал не загружает контент после того, как он был открыт раньше

0 голосов
/ 16 октября 2011

Это странно, но ...

У нас есть этот код: 

jQuery(function($) {
    $('#basic-modal .basic').click(function(e) {
        $('#basic-modal-content').modal();

        return false;
    });
    $('#basic-modal-also .basic').click(function(e) {
        $('#basic-modal-also-content').modal();

        return false;
    });
});

Который запускает одно из двух модальных окон.

Их код: 

< !-- First Modal Window -->
<div id="basic-modal-content">
    <h3>Modal Window 2</h3>
    <p>any <strong>html</strong> content or images can go in here </p>
</div>

< !-- Second Modal Window -->
<div id="basic-modal-also-content">
    <h3>Modal Window 1</h3>
    <p>any <strong>html</strong> content or images can go in here </p>
</div>

Что я нахожу, так это то, что мы запускаем модал, и он показывает его содержание. Мы закрываем его, и когда мы открываем его снова, его содержимое пусто.

Есть ли что-то болезненно очевидное, нужно ли что-то сбрасывать, или, может быть, мне нужно дать вам еще немного кода?

Мы используем простой модальный скрипт Эрика Мартинса. http://www.ericmmartin.com/projects/simplemodal/

Хорошо. Кажется, у нас конфликт, мы не знаем, что его вызывает.

У нас simplemodal и simplecountdown. Простой модальный код: http://www.ericmmartin.com/projects/simplemodal/ Простой код обратного отсчета: https://github.com/hilios/jquery.countdown/

Интересно, сталкивался ли кто-нибудь с этим конфликтом? Я также спрошу Эрика в Google

1 Ответ

1 голос
/ 16 октября 2011

Часто модал избавляется от содержимого или каким-то образом скрывает его. Модальные сценарии часто не учитывают тот факт, что вы можете открыть его снова. Они предполагают, что вы только откроете его, выполните XYZ в окне, а затем идете дальше. Одна вещь, которую я сделал с подобными ситуациями, это перезагружал контент через jQuery каждый раз, когда вы запускаете модал, если это действительно так. Я бы использовал это: 

    <div id="modal">content will land here</div>
    $('#modal').html('<p>any <strong>html</strong> content or images can go in here </p>');

Трудно сказать, действительно ли это ваша проблема, но я часто сталкиваюсь с модальными диалогами.

...