Question

你好朋友我有4个模态弹出窗口，我想根据点击按钮逐个显示。这个按钮是foreach 这是我的foreach

  <div class="col-sm-6 poleA">
      @foreach($competences as $competence)
        <?php $var = $var+1; ?>
     <div class="developemnt">
     <div class="poleaa"><img src="{{ asset('storage/'.$competence->image) }}" class="img-responsive icone" alt="Placeholder image">
      <h1 class="titrepole"> {{ $competence->titre }} </h1>
      <p class="parapole">
        {{ $competence->description }}
       </p>
       <button type="button" class="btn btn-sm btn-default btnpole" data-
       toggle="modal" data-target="#mymodal">Demander Votre Devis</button>
      </div>
      </div>
        @if($var == 2)
        @break;
        @endif
      @endforeach
        <?php $var = 0; ?>
    </div>

当我点击一个按钮时，我想根据事件选择显示一个模态。

Answer 1

您想要自定义data-target以引用与您的$var /迭代相对应的唯一模式：

<button type="button" class="btn btn-sm btn-default btnpole" data-
   toggle="modal" data-target="#mymodal{{$var}}">Demander Votre Devis</button>

<button type="button" class="btn btn-sm btn-default btnpole" data-
   toggle="modal" data-target="#mymodal{{$var}}">Demander Votre Devis</button>

如果您的代码中包含具有该ID的模态，则会触发它们：）

如何显示差异模态弹出按照单击按钮

1 个答案: