자바 스크립트 팝업 루프가 표시되지 않습니다.

Question

자바 스크립트로 링크를 표시하기 위해 루프를 만들려고합니다. ' 이 내가

이 accueil_blade.php

$(document).ready(function(){ 
$('#popoverOption').popover({ trigger: "hover" }); 
}); 

을 accueil_hover.js 가지고있는 (인수로 전달 된 데이터를 가정 OK된다)

<div class="container"> 
     @for ($i = 0 ; $i < count($etablissements); $i ++) 
      <a id="popoverOption" class="btn" data-content="here is some data" rel="popover" data-original-title="{{$etablissements[$i]->code_etablissement}}" data-placement="bottom" href="{{ URL::to('dashboard_etablissement/' . $etablissements[$i]->code_etablissement)}}">{{$etablissements[$i]->nom}}</a><br> 
     @endfor 

</div> 

하지만 팝 오버 원 보여줘. 내 모든 링크가 동일한 ID를 가지고 있기 때문에 이것이라고 생각합니다 하지만 어떻게 자바 스크립트를 이해하게 다른가 만들 수 있습니까? 다음과 같이 표시됩니다. popoverOption. $ i?

Answer 1

Id은 고유해야합니다. 이 같은

<a class="btn popoverOption" data-content="here is some data" rel="popover" data-original-title="{{$etablissements[$i]->code_etablissement}}" data-placement="bottom" href="{{ URL::to('dashboard_etablissement/' . $etablissements[$i]->code_etablissement)}}">{{$etablissements[$i]->nom}}</a><br> 

Answer 2

당신은 달성 할 수있는 유일한 id 속성 :

<div class="container"> 
    @for ($i = 0 ; $i 
    < count($etablissements); $i ++) <a id="popoverOption_$i" class="btn" data-content="here is some data" rel="popover" data-original-title="{{$etablissements[$i]->code_etablissement}}" data-placement="bottom" href="{{ URL::to('dashboard_etablissement/' . $etablissements[$i]->code_etablissement)}}">{{$etablissements[$i]->nom}}</a> 
    <br>@endfor 

</div> 

그리고 그 선택이 [id^=popoverOption_] 다음과 같습니다

$(document).ready(function() { 
    $('[id^=popoverOption_]').popover({ 
    trigger: "hover" 
    }); 
}); 

대신 ID

$('.popoverOption').popover({ trigger: "hover" }); 

마크 업의 Class을 사용할 수 있습니다