Question

我正在使用bootstrap模型，我尝试使用

关闭它

$('#editmodel').modal('hide');

但有了这个，fadding仍然存在，任何人都可以建议帮助。

我的HTML，

<div class="modal fade" id="editmodel" role="dialog">
<div class="modal-dialog">

  <!-- Modal content-->
  <div class="modal-content" *ngIf='student'>
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 *ngIf='showonadd' class="modal-title">Add New</h4>
      <h4 *ngIf='showonupdate' class="modal-title">Edit -{{student.accountname}}</h4>
    </div>
    <div class="modal-body" >

        <div class="form-group">
          <label for="email">FirstName:</label>
          <input type="text" [(ngModel)] = 'student.accountname' class="form-control" id="email" placeholder="Enter email">
        </div>


        <button type="submit" class="btn btn-default" (click)='insertdata(student)'>{{buttonname}}</button>

    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
  </div>

我正在使用bootstrap模型，我尝试使用

关闭它

$('#editmodel').modal('hide');

但有了这个，fadding仍然存在，任何人都可以建议帮助。

Answer 1

这：<div class="modal fade" id="editmodel" role="dialog">

要

这：<div class="modal" id="editmodel" role="dialog">

淡入淡出类正在添加淡入淡出效果请删除此类并尝试。

请在此处查看JSFiddle。

Answer 2

将.fade类编辑为此。

const outputFirst = bindLast(outputTwo, null, "world");
outputFirst("hello"); // "hello world"

如何关闭bootstrap模式中的淡入淡出

2 个答案: