时间戳

首页 > 解决方案 > 带有模态/ div键的循环数组

php - 带有模态/ div键的循环数组

问题描述

我创建了一个项目列表，这些项目旁边有一个图标，我试图单击该图标并让它填充一个包含信息的模式，这将用于在我添加到它们时删除/编辑内容.

问题是，现在当我单击该图标时，它似乎根本没有弹出任何模式。在我添加之前，$key它至少触发了一个模式，但每个都有数组中第一项的信息。现在我只是想为必要的项目添加一个键，这样如果我单击图标，我会得到一个仅包含该项目信息的模式。

我在这里做错了什么？

@foreach($nodes as $key => $node)   
    <div class="uk-width-1-1">
        <div class="uk-grid ">
            <div class="uk-width-2-6">
            {{$node->id}} - {{$node->name}}
            </div>
            <div class="uk-width-2-6 ">
                <span>{{ $node->comment }}</span> 
                 <a href="#edit-edit-modal{{ $key }}" data-uk-modal><span class="uk-icon-button"></span></a> 
            </div>
        </div>
    </div>
@endforeach


@foreach($nodes as $key => $node)
<div id="edit-edit-modal{{ $key }}" class="uk-modal">  
    <div class="uk-modal-dialog">
            <div class="uk-width-1-1">
                <div class="uk-grid uk-grid-small">
                    <div class="uk-width-2-10">
                    {{$node->id}} - {{$node->name}}
                    </div>
                    <div class="uk-width-2-10 testComment">
                        <span>{{ $node->comment }}</span> 
                    </div>
                </div>
            </div>
    </div>
</div>
@endforeach

标签： phphtmlarrayslaravel

解决方案

将两个 div 放在一个 foreach 中

@foreach($nodes as $key => $node)   
<div class="uk-width-1-1">
    <div class="uk-grid ">
        <div class="uk-width-2-6">
        {{$node->id}} - {{$node->name}}
        </div>
        <div class="uk-width-2-6 ">
            <span>{{ $node->comment }}</span> 
             <a href="#edit-edit-modal{{ $key }}" data-uk-modal><span class="uk-icon-button"></span></a> 
        </div>
    </div>
</div>
<div id="edit-edit-modal{{ $key }}" class="uk-modal">  
   <div class="uk-modal-dialog">
        <div class="uk-width-1-1">
            <div class="uk-grid uk-grid-small">
                <div class="uk-width-2-10">
                {{$node->id}} - {{$node->name}}
                </div>
                <div class="uk-width-2-10 testComment">
                    <span>{{ $node->comment }}</span> 
                </div>
            </div>
        </div>
    </div>
 </div>
@endforeach

推荐阅读