Javascript popover循环未显示

我试图做一个循环，用popover javascript显示一些链接。 这就是我所拥有的

acueil\u hover.js

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

acueil_blade.php （假设作为参数传递的数据正常）

@对于（$i=0；$i<计数（$i）；$i++）


@结束

但这件府绸不会出现。 我想这是因为我所有的链接都有相同的ID 但是我如何才能使javascript理解起来有所不同呢？ 比如：

---

pooveroption.$i？

Id

应该是唯一的。您可以使用

Class

而不是

ID

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

标记：

<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>

您可以实现独特的

id

属性，如下所示：

@对于（$i=0；$i）
@结束

选择符应该是

[id^=pooveroption\uuz]

：

$（文档）.ready（函数（）{
$（'[id^=popover选项\]'）。popover({
触发器：“悬停”
});
});

你的问题是jQuery而不是Laravel。你不应该在标题上使用Laravel这实际上与Laravel没有任何关系。另外，如果您实际使用的是引导库，那么添加标签“bootstrap”可能是值得的。另外，

accueil_blade.php

是打字错误吗？两个答案都是正确的。。。但在这种情况下，使用类而不是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>