Javascript 引导网页中的两个模型弹出窗口

在此处输入图像描述

我已经使用了两个弹出模式，当我在我的网站上点击登录按钮一个登录弹出模式将打开。。。如果用户未注册，它将要求创建帐户。。。我在登录中提供了一个href，它将打开另一个弹出窗口并关闭第一个。。。第二个弹出窗口也是如此。当用户在第二个弹出窗口中时，还有另一个href要登录。。。 登录弹出式模型启动代码

<div class="modal fade" id="signIn" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="colorStrips">
          <div class="col-sm-3 colorStrips1">
          </div>
          <div class="col-sm-3 colorStrips2">
          </div>
          <div class="col-sm-3 colorStrips3">
          </div>
          <div class="col-sm-3 colorStrips4">
          </div>
        </div>
      <div class="modal-body model-padding">     
        <!-- <div class="col-sm-6"> -->
          <div class="form-group form-area">
            <input type="email" class= "form-control form-field" id="popupSignInEmail" placeholder="Email Address">
          </div>
          <div class="form-group form-area">
            <input type="password" class= "form-control form-field" id="popupSignInEmail" placeholder="Password">
          </div>
          <div class="one-block-item form-inline">
          <div class="checkbox col-sm-6">
            <label>
              <input type="checkbox"> Remember me
            </label>
          </div>
          <div class="col-sm-offset-2 col-sm-4">
          <a href="#forgotPwd">Forgot Pasword ? </a>
        </div>
        </div>
        <div class="radial-signin">
          <center>
            <a type="submit" href="#signInData" class="btn btn-signin wow fadeInUp" data-wow-duration="1200ms" data-wow-delay="300ms" data-role="popup-link wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="800ms">SIGN IN</a>
          </center>
        </div>
        <!-- </div> -->
        <div class="toggleTosignUp">
          <center>
            <span class="textofsignin">Are you a new user ? <a onclick="launch_modal('#signUp');" data-toggle="modal" href="#signUp" id="signUpClicked" class="markuptext-S">Create Account</a>
          </center>
        </div>
      </div>
    </div>
  </div>
</div>

---

现在问题来了： 当我转到第二个模型时，第一个模型已关闭。但是，当我想在第一个模式，即从第二个弹出窗口，即注册弹出窗口登录弹出窗口，它不能这样做

从选择器上取下#：

function launch_modal(id) {
     $('.modal').not(id).modal('hide');
     $(id).modal('show');
  }

---

你按下“提问”按钮的原因是？那么问题到底是什么？即从id$（“#”+id）=$（#signUp）@Vaidya html具有

onclick=“launch\u模态（“#signIn”）

已经包含了

#

），或者我正在尝试在一个模型中实现它……只是显示和隐藏模型主体如果您不想在模态之间切换，但是要在模态主体之间切换，那么使用一个隐藏其中一个表单主体的切换类，并在表单之间切换

function launch_modal(id) {
     $('.modal').modal('hide');
     $('#'+id).modal('show');
     $('body').css({"padding-right" : "0 !important"});
  }

$('#signIn').on('show.bs.modal', function (e) {
     $('body').addClass('test');
});
$('#signUp').on('show.bs.modal', function (e) {
     $('body').addClass('test');
});

function launch_modal(id) {
     $('.modal').not(id).modal('hide');
     $(id).modal('show');
  }