弹出模态框modal的实现方法及实例

 <a href="" data-toggle=" rel="external nofollow" rel="external nofollow" modal" data-target="#myModal" class="btn btn-success btn-sm edit">修改</a>     <!-- <a href="" data-toggle=" rel="external nofollow" rel="external nofollow" modal" data-target="#myModal" class="btn btn-danger btn-xs" onclick="return confirm('删除后无法恢复,确定要删除吗')">删除</a> -->    </td>  </tr>  @endforeach  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">    <div class="modal-dialog">      <div class="modal-content">        <div class="modal-header">          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">            ×          </button>          <h4 class="modal-title" id="myModalLabel">              请修改回访状态          </h4>        </div>        <div class="modal-body ">      <select class="form-control" id="select">       <option>成功</option>       <option>未联系</option>       <option>失败</option>      </select>        </div>        <div class="modal-footer">          <button type="button" class="btn btn-default" data-dismiss="modal">关闭          </button>          <button type="button" class="btn btn-primary saveId">            提交更改          </button>        </div>      </div>    </div>  </div>

 var saveID;   $('.table').on('click','.edit',function(){    console.log($(this).parent().parent().attr('data-id'));    saveID = $(this).parent().parent().attr('data-id');   });   $('.saveId').click(function(){     console.log(111,saveID);      var options = $("#select option:selected");      var status = options.val();      $.ajax({          type: "POST",          url: "/subscribe/edit",          dataType:"json",          data:{           "saveID" :saveID,           "status":status,           "_token":"{{ csrf_token() }}",          },          success: function(data) {           if (data.code == 200) {             window.location.href="{{ url('subscribe/list') }}" rel="external nofollow" ;           }          }        });   });