单击按钮时以模态 window 从数据库加载值始终显示相同的数据

Question

我的 blade 模板中有以下内容

@foreach($downloadables as $download)
     <a class="btn btn-primary" href="#about">Download</a>


     <span id="start" class="target"></span>
     <span id="about" class="target"></span>
     <div class="modal">
        <div class="content vertical-align-middle">
           <h2>Click on the file to download it</h2>
           <article>
               {{$download->doc}}
           </article>
           <a class="close-btn" href="#start">X</a>
        </div>
     </div>
@endforeach

foreach 中显示了所有下载及其 ID。问题：

如果我有10个按钮下载，无论我点击哪个总是在模式 window

doc

$download->doc 可以有一个或多个 id，例如 1,2,3 但在模态上只显示最后一个。

感谢任何帮助。

注意：这是模式 window 如果重要，则不使用 JS。

更新：一个按钮'Download'可以关联几个文件。在数据库中，它们在列中以逗号保存，例如：1,2,3..

我现在在按钮下载上收到的是

<a href="files/download/1,2">Download</a>

每个id应该有2个下载按钮

<a href="files/download/1">Download</a>
<a href="files/download/2">Download</a>

Answer 1

您在模式中填充内容时遇到问题，因此更改循环的位置可以解决问题。

<a class="btn btn-primary" href="#about">Download</a>
<span id="start" class="target"></span>
<span id="about" class="target"></span>
<div class="modal">
    <div class="content vertical-align-middle">
        <h2>Click on the file to download it</h2>
        @foreach($downloadables as $download)
        <article>
            {{--*/ $ids = explode(",", $download->doc); /*--}}
            @foreach ($ids as $id)
            <a href="{{ url("files/download/").$id }}">Download</a>
            @endforeach
        </article>
        @endforeach
        <a class="close-btn" href="#start">X</a>
    </div>
</div>

单击按钮时以模态 window 从数据库加载值始终显示相同的数据

Load values from database in modal window on button click always show same data

laravel

blade