Question

我有一个自举模态，当我点击模态体的任何部分时它会关闭，这不是模态的自然行为。我的代码在这里：

<div data-toggle="modal" data-target="#myModal"
                  data-backdrop="static" data-keyboard="false"
                  className="db-file curp"
                  key={t.id}
                  onClick={() =>{
                    const temp = this.props.selectTable(t);
                    this.props.getTableData(
                      this.props.jwt,
                      temp.payload.id
                    );
                      // window.open('./update-synonym', '_blank');
                    }
                  }
                >
                  <div className="db-items">
                    <div className="data-row">
                      <img src="./images/Group 15.svg" alt="file-icon" />
                      <p className="text-center white-font">{t.name}</p>
                    </div>
                  </div>
                   <div className="modal fade synonym-modal"
                    id="myModal" tabIndex="-1"
                    role="dialog"
                    data-backdrop="true"
                    aria-labelledby="myModalLabel">
                    <div className="modal-dialog" role="document">
                      <div className="modal-content">
                        {this.createTable()}
                      </div>
                    </div>
                   </div>
                </div>

另一个代码片段是：

 $('#myModal').on('shown.bs.modal', () => {
  $('#myInput').focus()
});

如何禁用此行为？

Answer 1

您可以使用：

$("#myModal").modal({"backdrop": "static"});

使模态保持打开然后在某个按钮上关闭它。

单击模态内容主体时，Bootstrap模式关闭

1 个答案: