Laravel：是否可以將刀片視圖加載到jQuery模式中？

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

返回HTML字符串

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

加載到模態

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

Answer 2

如果您有一個名為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 3

簡而言之-是的。

我不確定您如何加載模態-因為您沒有提供太多信息，但是，如果您可以將外部頁面加載到模態中，則只需指向顯示刀片視圖的laravel路線即可。

或者，使用@include('modal.name.blade')並將其作為頁面的一部分，該頁面使用與相關模態腳本正確的html / css模態。