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

我打开一个模式，然后点击模式内的div，我想关闭该模式并打开另一个模式。但是当我这样做时，它会关闭第一个模态，并且只显示第二个模态的背景，而不会显示主体。如何隐藏模式并使用jquery显示另一个模式？

我的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'); 

});

来源

2016-05-18 kevinabraham

你不需要模态中的'''hide'''类。 – xiaofan2406

我删除了'hide'。仍然是同样的问题。我只是得到http://oi63.tinypic.com/qnah5i.jpg没有模态显示的背景。 – kevinabraham

我愚蠢的错误jquery的作品。我意外地没有正确地关闭第一个模式，这就是为什么动画不会完成并导致第二个模式无法加载。我只是把第二模态放在第一模态之上来测试，并且它工作。

来源

2016-05-18 05:51:48 kevinabraham

这可以帮助：

删除hide类从情态动词的div
您在使用.option你的选择器，但在HTMLŸ OU使用id="option"，所以改变它们

工作version

来源

2016-05-18 03:51:35

我删除了'hide'。仍然是同样的问题。我只是得到http://oi63.tinypic.com/qnah5i.jpg没有模态显示的背景。 – kevinabraham

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

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

来源

2016-05-18 05:52:33

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

回答

相关问题