Question

在这里我想使用 Jquery 打开模态并且模态正确打开但模态没有关闭但是当使用 data-target 时模态正在关闭..请帮我解决

 <button type="button" class="btn btn-info upload_notify_modal" data-toggle="modal" data dismiss="modal" data-backdrop="false">
         <i class="fas fa-plus"></i>
 </button>

<div class="modal" id="myModal" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
           <form action="/admin/update-access-upload-and-notification" method="POST">
                @csrf
                <!-- Modal Header -->
              <div class="modal-header">
                  <h4 class="modal-title">UPDATE UPLOAD AND NOTIFICATION</h4>
                  <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <!-- Modal body -->
                <div class="modal-body">
                </div>
                <!-- Modal footer -->
                <div class="modal-footer">
               
                  <button type="submit" class="btn btn-success" >Save</button>
                  <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
             </div>
          </form>
       </div>
     </div>
  </div>

这是脚本

<script>
$('.upload_notify_modal').click(function(){
    $('#myModal').modal('show');
})

Answer 1


<button type="button" class="btn btn-info upload_notify_modal" data-toggle="modal" data dismiss="modal" data-backdrop="false">
         <i class="fas fa-plus"></i>
 </button>

<div class="modal" id="myModal" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
           <form action="/admin/update-access-upload-and-notification" method="POST">
                @csrf
                <!-- Modal Header -->
              <div class="modal-header">
                  <h4 class="modal-title">UPDATE UPLOAD AND NOTIFICATION</h4>
                  <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <!-- Modal body -->
                <div class="modal-body">
                </div>
                <!-- Modal footer -->
                <div class="modal-footer">
               
                  <button type="submit" class="btn btn-success" >Save</button>
                  <button type="button" id="btn-close-modal" class="btn btn-danger" data-dismiss="modal">Close</button>
             </div>
          </form>
       </div>
     </div>
  </div>


<script>

 //For Open Modal
 $('.upload_notify_modal').on('click',function(){
    $('#myModal').modal('show');
 });

 // For Close Modal
 $("#btn-close-modal").on('click',function(){
     $('#myModal').modal('hide');
 });

</script>

通过 jquery 打开时，Modal 没有关闭

1 个答案: