Php 一页上有多张JQuery悬停卡

我正在使用

jQuery Hovercard

插件，并试图用他们的php sdk从

Facebook

中提取的用户图像来实现它，下面是我用来显示Hovercard的代码：

<?php 
    $friends = $this->facebook->api('/me/friends');
    foreach ($friends["data"] as $value) { ?>
        <label id="demo-facebook" data-hovercard="<?php echo $value['id'] ?>">
            <img src="https://graph.facebook.com/<?php echo $value["id"] ?>/picture" alt="<?php echo $value["name"] ?>" />
        </label>
    <?php }
?>

您应该将CSS选择器“demo facebook”从id更改为类。我以前没用过HoverCard，但这似乎就是问题所在

ID指定页面的一个特定元素，而类可以在多个元素上重复使用

此外，我认为在每次必须插入PHP值时，只回显HTML比使用
更容易。你可以只做
echo'而不是
“/>
。看起来那样会更容易。
您反复使用相同的ID值。将其修改为使用class属性：
class='demo-facebook'
。然后更改选择器以检查类而不是ID。在一个HTML文档中，不能对多个元素使用同一ID…绝对HTML基础，伙计…错误答案。关于HTML/PHP混合：这似乎几乎是一场宗教辩论，在我看来，这更多的是一个品味问题，而不是最佳实践。尽管其他人可能会不同意……；-）