模态中的数据关闭在单击时被调用两次

我一直在工作一种模式，当用户单击"取消"按钮时，该模式会被关闭。一切都工作正常，直到按钮出现错误。当我单击"取消"按钮时，模态被关闭，但关闭并再次打开。因此，需要单击关闭按钮两次才能关闭模态。

这是"引导"模式，我没有对JS文件进行任何更改。只有CSS和HTML被修改过。在浏览器中检查时，我看到以下函数被调用了两次。

<div class="modal-backdrop fade in"></div>

如何修复此错误？我什至不知道从哪里开始！以下是我的模态代码。

注意：模态右上角的"交叉"咏叹调标签也遇到了同样的错误。

<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
                        <div class="modal-dialog modal-sm">
                          <div class="modal-content">

                            <div class="modal-header">
                              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                              <h4 class="modal-title" id="myModalLabel"><b>Why are you deleting this book?</b></h4>
                            </div>
                              <!--modal body starts -->
                              <div class="modal-body">
                                <div class="radio">
                                  <label>
                                      <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>Sold
                                </div>
                                <div class="radio">
                                  <label>
                                    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">Sold on another site or elsewhere
                                  </label>
                                </div>
                                <div class="radio">
                                  <label>
                                    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">Don't want to sell it now
                                  </label>
                                </div>
                                <div class="radio">
                                  <label>
                                    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">Lack of buyer interest
                                  </label>
                                </div>
                                <div class="radio">
                                  <label>
                                    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">Vacation, break
                                  </label>
                                </div>
                                <div class="radio">
                                  <label>
                                    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">Other reason
                                  </label>
                                </div>
                              </div>
                              <!--modal body end -->
                              <div class="modal-footer">
                                <button type="button" class="btn btn-primary">Delete</button>
                                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                              </div>
                          </div>
                        </div>
                      </div>

打开模式的按钮的 HTML 代码

<button type= "submit" class="dashbtn dashbtn-danger">EDIT</button><br>
<button type= "button" class="dashbtn dashbtn-primary" data-toggle="modal" data-target=".bs-example-modal-sm">DELETE</button>