Javascript 如何在使用fadeIn（）容器Jquery时停止白色背景

我正在visual studio中使用Web视图构建windows phone应用程序

单击一个按钮，我删除页面上的html元素，创建新的元素，并更改容器元素的背景图像。我使用fadeIn方法淡入所有内容。然而，当容器淡入时，会出现白色背景的闪光。我尝试过改变背景颜色，我还设置了身体的背景图像，希望你能看到，但没有成功

理想情况下，我想要的是一个新的背景无缝淡入。我在想我可以让身体背景和容器背景具有相同的图像，然后隐藏容器，更改背景图像，然后再次淡入。这似乎不起作用

JSFIDLE

---

你在找这个

---

这是通过maxCanSave中的淡出回调函数实现的，Andrew Evt已经回答了这个问题，但另一种方法是将背景与容器类分开：

<div class ="bg-container">
    <div class="container">

这是一张工作票。我把它窃听出来了，但希望它足以说明我的意思。

你最新的小提琴： 您可以添加具有初始背景的新虚拟容器，并将其淡出以显示新背景，如下所示：

<div class="container"> /* contains new background */
    <div class='dummy-container'></div> /* contains old background */
    ...
</div>

---

这正是我想要的，除了淡入淡出的白色背景。有没有办法让它直接淡入另一幅图像，或者至少将背景颜色改为黑色？我希望当你淡出容器时，身体的背景图像会可见。白色闪烁是因为图像在$'.container'.css'background-image'，行加载urlhttps://s-media-cache-ak0.pinimg.com/736x/fa/c3/d9/fac3d9517be53c025fbb494440369934.jpg';. 你可以在css样式中添加两个不同图像的类，并在fadesIs之间切换tham，这就是你的意思吗？我还是有同样的问题。也许我没听懂你的意思？谢谢你好心的先生！谢谢大家的帮助！很抱歉再次提起，但我只是想知道如果你想不止一次地这样做，你会怎么做？例如，我希望更改每个按钮单击的背景-但是，对于您的解决方案，它似乎只工作一次，因为我无法在不使虚拟容器褪色的情况下使容器褪色。你可以在这里看到我的意思。再次单击按钮后，我想更改showDate函数中的背景，但它似乎不起作用。

.bg-container{
    width:100%;
    height:100%;
    background-size: cover;
    background-image: url("https://s-media-cache-ak0.pinimg.com/736x/c0/10/40/c010401ca403a4e02aae87459bfb298e.jpg");
    background-repeat: no-repeat; }

<div class="container"> /* contains new background */
    <div class='dummy-container'></div> /* contains old background */
    ...
</div>