1

私はjQuery Hovercardプラグイン(こちら)Facebookを使用しており、php sdk から取得したユーザー画像で実装しようとしています。ホバーカードを表示するために使用しているコードは次のとおりです。

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

私が抱えている問題は、ホバーカードが表示された最初のユーザー画像に対してのみ表示され、その後、画像がマウスオーバーされたときにホバーカードが表示されないことです?

4

1 に答える 1

0

CSS セレクター「demo-facebook」を ID からクラスに変更する必要があります。私は以前に HoverCard を使用したことがありませんが、それが問題になるようです。

ID はページの 1 つの特定の要素を指定しますが、クラスは複数の要素で再利用できます。

<?php echo $value; ?>また、毎回 PHP 値を挿入する必要があるのではなく、HTML をエコーするだけの方が簡単だと思います。echo "<img src='$value'>";の代わりに行うことができます<img src="<?php echo $value; ?>" />。その方が簡単なようです。

于 2012-08-27T13:08:34.007 に答える