如何从其他刀片文件打开引导模式？（拉拉维尔）答案

【问题标题】：how to open bootstrap modal from other blade file ? (laravel)如何从其他刀片文件打开引导模式？（拉拉维尔）
【发布时间】：2020-11-02 06:16:32
【问题描述】：

1.this存在于文件index.blade.php中。在html代码之间放置一个按钮标签，其中数据目标存在于不同文件中。是否可以从远程按钮触发模态

<button class="btn btn-small btn-warning btn-circle" data-toggle="modal" data-target=".ept-modal" onclick="productTestMapModal('<?=base64_encode(base64_encode($product->id));?>')">Available Tests</button>

2.while modal 目标文件是

<div class="clear-back">
<div class="modal-header">
    {{ $product->name }} - Available tests
    <button type="button" title="Close" class="close pull-right white" data-dismiss="modal">
        <i class="material-icons">close</i>
    </button>
</div>
<div class="pad-15">
    <span class="text-success"><i class="fa fa-circle user-online"></i> Select tests to be mapped in {{ $product->name }}</span>
    
    <button class="btn btn-primary pull-right btn-circle" onclick="productTestMap(this, '<?=base64_encode(base64_encode($product->id));?>')">Save</button>
    
    <div class="clearfix"></div><br/>
    

    <div style="width:99%;overflow-y:auto;">
        <table class="table">
            <thead>
                <tr class="center">
                    @foreach($product->course->testGroups as $testgroup)
                        <th>{{ $testgroup->name }}   
                            <button class="btn btn-primary btn-circle btn-sm" onclick="selectTestgroups('{{$testgroup->id}}')">Select All</button>
                            <button class="btn btn-primary btn-circle btn-sm" onclick="unselectTestgroups('{{$testgroup->id}}')">UnSelect All</button>
                        </th>
                    @endforeach
                </tr>
            </thead>
            <tbody>
                <tr>
                    @foreach($product->course->testGroups as $testgroup)
                        <td>
                            @foreach($testgroup->subgroups as $subgroup)
                                @foreach($subgroup->tests as $t)
                                    <span class="badge badgetest_{{$testgroup->id}} {{ in_array($t->id,$product_tests) ? 'selected' : '' }}" onclick="toggleSelection(this)"><span class="test-id hidden">{{ $t->id }}</span>{{ $t->name }}</span>
                                @endforeach
                            @endforeach
                        </td>
                    @endforeach
                </tr>
            </tbody>
        </table>
    </div>

    <div class="clearfix"></div><br/>
</div>

【问题讨论】：

您是否在父刀片文件中 @include 两个文件，因为“在两个不同的文件中”没有区别。这一切都被渲染成一个大的 html 文件。您的浏览器不知道，也不关心它是如何构建的。

标签： javascript jquery laravel bootstrap-modal

【解决方案1】：

为了从另一个刀片文件打开模态，您必须在目标文件 index.blade.php 中包含该文件，按钮，如下所示： @include('rel_path_to_modal_file.modal_file_name')

请按照bootstrap documentation 使用模态，因为它通过 id 而不是类调用。

【讨论】：