我试图在Laravel 5.4应用程序中创建一个“确认删除”模态。 我用模型制作了一个.blade.php文件,以便可以多次重用。
显示模态时,我的屏幕只会像应该显示的那样淡入淡出,但模态实际上不显示。
confirm-delete-modal.blade.php
<div class="modal fade" id="confirm-delete" 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">@lang('elements.modal.delete.title')</h4>
</div>
<div class="modal-body">
<p>@lang('elements.modal.delete.text')</p>
<p class="debug-url"></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">@lang('elements.modal.delete.cancelbtn')</button>
<a class="btn btn-danger btn-ok">@lang('elements.modal.delete.deletebtn')</a>
</div>
</div>
</div>
</div>
我触发模式的地方:
<button
class="btn btn-danger"
data-href="url"
data-toggle="modal"
data-target="#confirm-delete"
>
@lang('request.list.delete')
</button>
@include('elements.confirm-delete-modal')
我的jquery:
$('#confirm-delete').on('show.bs.modal', function(e) {
$(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
});