在模态内的第二次点击/模态上的Bootstrap模态打开

我有两个模态，一个在另一个模式中。 第一个模态包含一个表单，在提交时我想要另一个模态，其中有一个消息要打开。 我用Bootstrap做了这个。 单击此按钮时，将打开第一个模态：

Contactează-ne 

这是第一个模式：

 
 
 
 
 × 
Contactaţi-ne
 
 
 
 
 
Numele Dvs *
  
 
 
Email *
  
 
 
Telefon *
  
 
 
Mesaj *
  
 
*câmpurile sunt obligatorii
 
 Trimite Mesaj 
 
 
 
 
  

在提交时，第二个模态打开，我希望第一个模式在发生时关闭。 我用这个脚本实现了这个目的：

 $('form#contact-form').submit(function(e){ e.preventDefault(); $('#call-answer').modal(); $('#contact-modal').hide(); // first modal closes }) 

#call-answer是第二个模式，它也是用Bootstrap制作的，我只能手动打开它。 所以，当页面加载一切正常时，我点击按钮，联系表单以模态打开，提交关闭，第二个模态打开。 现在的问题是，如果我再次单击打开联系表单模式的按钮，它将一直打开，直到我点击两次。 我知道问题与我的脚本有关，因为如果我删除该行

$('#contact-modal').hide();

一切正常。 有没有人更好的想法如何在第二个模式打开时关闭第一个模态？ 或者我该如何解决这个问题？ 谢谢

Answer 1

问题是这行$('#contact-modal').hide();

使用插件时不要使用hide

使用这一行$('#contact-modal').modal('hide');

演示

参考