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

在不知道“popover”函数属于哪个库的情况下，我会说您需要稍微更改一下您的javascript。$("i").hover(...) 代码将使您的弹出窗口发生在所有“i”元素上。

尝试类似：

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