1

我正在使用jQuery Hovercard插件（here）并尝试使用从Facebook他们的 php sdk 中提取的用户图像来暗示它，这是我用来显示 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 }
?>

我遇到的问题是 Hovercard 只会显示第一个显示的用户图像，之后当图像被鼠标悬停时不会显示 Hovercard ？

4

1 回答 1

0

您应该将 CSS 选择器“demo-facebook”从 id 更改为 class。我以前没有使用过 HoverCard，但这似乎是个问题。

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

另外，我认为只回显 HTML 而不是<?php echo $value; ?>每次必须插入 PHP 值时都更容易。你可以只做echo "<img src='$value'>";而不是<img src="<?php echo $value; ?>" />. 似乎那样会更容易。

于 2012-08-27T13:08:34.007 回答