Question

下面是我要加载为模式的主要刀片文件。

@extends('layouts.app')

@section('title', trans('pages.jobs.show.header_title') ?: trans('pages.jobs.show.title'))

@section('navigation')

@endsection

@section('content')
    <div class="container">
        <div class="page-dashboard">
            {{ all teh content loaded: such as SVG grapgh using JS }}
        </div>
    </div>

    <nav class="container-fluid nav-bottom" data-js="nav-bottom">

        <div class="nav-bottom__overlay"></div>

    </nav>    

    @push('scripts')
        <script src=""></script>
    @endpush
@endsection

我尝试使用bootstarp.js模态，但是模态没有加载，它已加载到主页中。

是否可以加载包含其自己的CSS和js的整个刀片服务器？

请给我提供任何示例。也许，我必须使用ajax：

$('#modellink').click(function(){

            $.ajax({
                type : 'GET',
                url : $(this).data('path'),

                success: function(result, url) {

                    $('.modal-body').html(result);
                    $('#myModal').modal('show');

                    $('.modal-container').load($(this).data('path'),function(result){
                        $('#myModal').modal({show:true});
                    });
                }
             });
        });

Answer 1

如果您有一个文件调用modal.blade.php，其中包含该模式的所有HTML，CSS和JS，则可以使用@include("modal")将其包含在任何页面上。例如：

modal.blade.php

<style>...</style>

<div class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Modal title</h4>
            </div>
            <div class="modal-body">
                <p>One fine body&hellip;</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">...</script>

然后，在您的主文件中：

main.blade.php

@extends("layout")
@section("content")
@include("modal")
<div>...</div>

Answer 2

返回HTML字符串

// SomeController::getModal()
return view('layouts.someview', $data_array)->render();

将其加载到模式中

 $.ajax(
  // blah,
  // blah,
  success: function(response) {
    $('#modal').html(response)
  }
)

Answer 3

简而言之-是的。

我不确定您如何加载模态-因为您没有提供太多信息，但是，如果您可以将外部页面加载到模态中，则只需指向显示刀片视图的laravel路线即可。 / p>

或者，使用@include('modal.name.blade')，并将其作为页面的一部分，该页面使用模态，当然也为您的相关模态脚本使用正确的html / css。

Laravel：是否可以将刀片视图加载到jQuery模式中？

3 个答案: