如何顯示不同的模態彈出按鈕點擊按鈕

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情態動詞，他們就會被觸發:)