Как очистить содержимое div и появиться снова с javascript

Question

Как очистить содержимое div и появиться снова с javascript

0

Я использую jQuery CustomBox modal. У меня все работает нормально, но я хочу, чтобы div позади него (НО НЕ ПРЕДПОСЫЛКА ИЗОБРАЖЕНИЯ) исчезал при нажатии модального файла. Я справился с этим, но не слишком уверен в коде, чтобы он снова появился после завершения модальности. На данный момент мне нужно обновить страницу, чтобы она вернулась.

Вот код, который я использую до сих пор: http://codepen.io/doolz77/pen/esoHB/

Я не включил модальность из-за количества дополнительного кода, однако, вот ссылка на фактическую страницу

чтобы модальность появилась, просто нажмите ссылку "joey".

Благодарю!

EDIT: В настоящий момент он управляется jQuery. Вызов, который находится в нижнем колонтитуле:

<script>
$(function () {
    $('#fadein').on('click', function () {
    $.fn.custombox( this {
    effect: 'fadein'
    });
    return false;
    });
});
</script>

Это уменьшает модальность. Мне просто нужно поместить здесь какой-нибудь код для повторного появления div #wholePageContainer?

Darron Donaldson 14 апр. 2014, в 11:36

Источник

0

Когда вы хотите, чтобы он появился снова?
Milind Anantwar 14 апр. 2014, в 08:57
0

@MilindAnantwar - я только что отредактировал свой вопрос, поскольку понял, что я был довольно расплывчатым :) После того, как модальное окно снова закрывается либо по нажатию на экран, либо по ссылке «закрыть модальное окно».
Darron Donaldson 14 апр. 2014, в 09:04

Теги:

javascript

jquery

html

modal-dialog

css

2 ответа

Ещё вопросы

Когда вы хотите, чтобы он появился снова?
@MilindAnantwar - я только что отредактировал свой вопрос, поскольку понял, что я был довольно расплывчатым :) После того, как модальное окно снова закрывается либо по нажатию на экран, либо по ссылке «закрыть модальное окно».

Milind Anantwar · Answer 1 · 2014-04-14T07-08-00.000Z

Вам нужно сохранить html, прежде чем удалять его, чтобы получить позже. Или вы можете использовать show/hide Чтобы уменьшить боль и достичь желаемой функциональности:

function clearBox(wholePageContainer)
{
 document.getElementById(wholePageContainer).style.display = "none";
}
function showbox(wholePageContainer)
{
 document.getElementById(wholePageContainer).style.display = "block";
}

демонстрация

Я просто добавил ссылку на реальную страницу в моем вопросе. Будет проверять демо тоже. Спасибо :)
Я не могу заставить это работать :(

hirenhcm · Answer 2 · 2014-04-14T08-12-00.000Z

Это то, что ты искал:

http://codepen.io/anon/pen/giFEL

Отредактировано: Объяснение к приведенной выше ссылке: в приведенной выше ссылке я сделал тег html и body как 100%, а элемент div, контент которого был удален до некоторого процента, т.е. 50%, это будет удерживать событие пробела div, если оно пустой.

Затем я сохраняю содержимое html в скрытом элементе div и восстанавливаю его обратно в div при необходимости.

Хотя эта ссылка может ответить на вопрос, лучше включить сюда основные части ответа и предоставить ссылку для справки. Ответы, содержащие только ссылки, могут стать недействительными, если связанная страница изменится.
@benka - я добавил ссылку на реальную страницу в моем вопросе.
@hirenhcm - я должен заключить #wholePageContainer в #html?