Javascript 如何使用jquery隐藏一个模式并显示另一个模式？

我打开一个模态，然后单击模态中的一个div，我想关闭该模态并打开另一个模态。但当我这样做时，它关闭第一个模态，只显示第二个模态的背景，而不显示主体

我的HTML是：

<div id="test-modal" class="modal hide fade" data-keyboard="true">
    <div class="modal-body">
       <div id="option"><p>Click here to show the next modal</p></div>
    </div>
</div>

<div id="test-modal2" class="modal hide fade" data-keyboard="true">
    <div class="modal-body">
       <p>modal show after a hide doesn't work?</p>
    </div>
</div> 

这有助于：

从modals div中删除

hide

类

您在选择器中使用

.option

，但在html中使用

id=“option”

，因此请更改它们

---

工作

我愚蠢的错误jquery工作正常。我不小心没有正确关闭第一个模态，这就是为什么动画无法完成并导致第二个模态无法加载的原因。我只是简单地将第二个模式放在第一个要测试的模式之上，它就工作了。

请尝试在关闭按钮上使用此数据解除属性

 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

×

您不需要模态中的

隐藏

类。我删除了

隐藏

。还是一样的问题。我只是在没有模式显示的情况下获取背景。我删除了

hide

。还是一样的问题。我只是得到没有显示模式的背景。

 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>