Bootstrap 3模态一键打不开

Question

我的bootstrap3模态不是每次都一键打开，有时打不开，有时鼠标点2-3次就打开，很少一键打开

基本上，我试图创建一个模式，询问用户是否要删除它，如果是，则发送一个 post 请求，以使用 [=] 中提供的 ID 从给定数据库中删除该值25=]。这是一个 table 课程，所有课程都有自己的删除按钮，使用的 id 格式为 id="deleteModal{{ $subtopic->subtopic_id }}"

this is my delete button

    <td class="col-1"><a class="btn btn-danger btn-sm"><i class="fas fa-trash"  data-toggle="modal" data-target="#deleteModal{{ $subtopic->subtopic_id }}"></i></a></td>

this is my modal

   <div class="modal fade" id="deleteModal{{ $subtopic->subtopic_id }}">
                                    <div class="modal-dialog modal-sm">
                                      <div class="modal-content">
                                        <div class="modal-header">
                                          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                          <h4 class="modal-title">Delete Course ?</h4>
                                        </div>
                                        <div class="modal-body">
                                            <div >
                                                <h4>Are you sure!</h4>
                                                <form action="{{ url('superadmin/allcourses/'.$course->course_id.'/'.$topics->topic_id.'/'.$subtopic->subtopic_id ) }}" method="post">
                                                    @csrf
                                                    {{ method_field('DELETE') }}
                                                    <div style="text-align: center;"><button class="btn btn-danger" type="submit"><i class="fas fa-check-double"></i>Yes</button> 
                                                        </div>
                                                </form>
                                            </div>   
                                      </div>
                                    </div>
                                  </div>
                                </div>

它应该总是一键打开，请帮帮我，我找不到任何原因。

Answer 1

您需要在 td 中如下更改 html。

 <td class="col-1">
     <a class="btn btn-danger btn-sm" data-toggle="modal" data-target="#deleteModal{{ $subtopic->subtopic_id }}">
         <i class="fas fa-trash">
         </i>
     </a>
 </td>

data-target 不适用于 <i></i>

Bootstrap 3模态一键打不开

Bootstrap 3 modal not opening in one click

laravel

bootstrap-modal

twitter-bootstrap-3

laravel-5

laravel-5.8