Question

因此，我在页面上的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
?>

这是实例化popover的代码。

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

Answer 1

如果不知道“popover”函数属于哪个库，我会说你需要稍微更改你的javascript。 $（“i”）。悬停（...）代码将使你的popover发生在所有“i”元素上。

尝试类似：

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

所有列表项弹出窗口，用于在悬停时显示的新项目 - Javascript

1 个答案: