Question

我有一个按钮，当它点击它时会显示一个包含一些信息的窗口，如下所示

＆＃13;

$(function() {
  $("#basicModal").collapse('toggle');
});

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="container">
  <a href="" class="btn btn-lg btn-success" data-toggle="modal" data-target="#basicModal">Click to open Modal</a>
</div>
<div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <form>
        <div class="modal-body">

          <div class="row">
            <img src="css/cabin.jpg" class="img-responsive col-md-6" alt="conductor">
            <div class="row">
              <label>Name: </label>
              <label id="basicModal-placeName">placeName</label>
              <br>
              <label>Address: </label>
              <label id="basicModal-placeAddress">#asf-2431</label>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="reset" class="btn btn-danger" data-dismiss="modal">Close</button>
        </div>
      </form>
    </div>
  </div>
</div>

＆＃13;

现在我想做第一个＆＃34; a＆＃34;标签以编程方式执行并擦除该容器，只留下以类模块开头的div代码。我尝试过以下方法：

$("#basicModal").collapse('toggle');

但是这只是显示窗口并阻止其内部应该与用户交互的内容。我怎样才能做到这一点？

Answer 1

我通过使用$（＆＃39;＃basicModal＆＃39;）来解决这个问题.modal（＆＃39; show＆＃39;）;

使用JQuery以编程方式切换div

1 个答案: