0

そのため、私のページには SQL Server データベースからのアイテムの分類されたリストがあります。また、ユーザーの注意を引くために、新しいアイテムの横に星を付けています。私のコードは、ユーザーが各項目の上にカーソルを置いたときに、新しい項目ごとにポップオーバーを表示することを願っています。私の問題は、どの新しいアイテム/スターにカーソルを合わせても、それらがすべて一度に表示されることです。各項目に for ループを使用して、それぞれ<li>に一意のクラスまたは ID をさまざまな試みで与えようとしました。これは、Db をループし、「新しい」も表示するコードの一部です。

<li>
    <?php 
        if(strtotime($itemDetails['posted']) > (strtotime('-30 days'))){
            echo '<i class="icon-star" data-content="This item is new on Corkboard. Check it out!" data-original-title="New Item"></i>';}
            echo '<a href="newGenView.php?id='.$itemid.'">'.$itemDetails['name'].' - '.$itemDetails['description'].'</a>';
    ?>
</li>
<?php
    }//foreach
    echo '</ul>';
    }//foreach
?>

これは、ポップオーバーをインスタンス化するコードです。

<script type="text/javascript">
$(document).ready(function() {
    $('.icon-star').popover(options);
});
</script>
<script>
    $("i").hover(function () {
    $('.icon-star').popover('show');
    });
</script>
4

1 に答える 1

0

「ポップオーバー」関数がどのライブラリに属しているかわからなくても、JavaScript を少し変更する必要があると思います。$("i").hover(...) コードは、すべての "i" 要素でポップオーバーを発生させます。

次のようなものを試してください：

<script type="text/javascript">
    $(document).ready(function() {
        $('.icon-star').popover('show');
    });
</script>
于 2012-06-04T14:41:42.397 に答える