如何显示不同的模态弹出按钮点击按钮

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情态动词，他们就会被触发:)