jQuery确认删除模态不显示Laravel 5.4

时间:2018-10-15 07:48:20

标签: jquery laravel twitter-bootstrap

我试图在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">&times;</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'));
});

0 个答案:

没有答案