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

Question

我打开一个模态，然后在模态中单击一个 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> 

我的 jquery 是:

$('.option').click(function() {
    $('#test-modal').modal('hide');
    $('#test-modal2').modal('show');

});

Answer 1

这可以帮助:

1. 从模态 div 中移除隐藏类
2. 您在选择器中使用 .option，但在 html 中您使用 id="option"，因此请更改它们

工作 version