Question

我正在使用jQuery CustomBox模式。我已经完成了所有工作正常但我希望它背后的div（但不是背景图像）在点击模态时消失。我已经设法了，但不太确定代码是否会在模态关闭后再次出现。目前我必须刷新页面才能让它回来。

以下是我目前使用的代码：http://codepen.io/doolz77/pen/esoHB/

由于额外代码的数量，我没有包含模式，但是，这里是指向实际page

的链接

只需点击“joey”即可显示模态。链接。

谢谢！

编辑：目前它是由jQuery控制的。放置在页脚中的调用是：

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

这会使模态进入和退出。我是否只需要在这里放置一些代码以便#wholePageContainer div重新出现？

Answer 1

您需要在删除之前存储html以便稍后检索。或者你可以使用show / hide来减轻痛苦并实现所需的功能：

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

<强> Demo

Answer 2

这就是你要找的东西：

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

编辑：对以上链接的解释：在上面的链接中，我将html和body标签设置为100％，div元素的内容被移除到某个百分比，即50％，这将使div占用空间事件，如果它是空的。

接下来，我将html内容存储到隐藏的div元素，并在需要时将其恢复为div。

如何清除内容div并重新出现javascript

2 个答案: