Question

我使用以下代码创建了一个通知计数器，其旁边带有一个超赞的字体图标：

<li id="user-notifications-count" class="hidden-xs"><a style="display:inline-block" <?php if ($notifications_count != '0') echo ' class="user-notifications-count-nth"';  ?> href="<?php echo home_url('/notifications/'); ?>" rel="tooltip" data-placement="bottom" title="<?php _e('Notifications', 'pinc'); ?>"><span><i class="fa fa-bell">
                <?php echo $notifications_count;?></i>
                </span></a></li>

$notifications_count;仅输出一个数字（但是已登录用户有许多通知）。

当我单击此列表项时，通知框会打开，但是当我单击该框时，字体图标会消失，仅显示通知号。

观看演示here。

我真的不知道为什么我单击开箱即用后，该图标消失了。有没有更简单的方法在锚标签上添加fontawesome图标？

请帮助！

Answer 1

也许这不能解决您的问题，但可以改善您的代码。您的文本应该不在标签<i>中，如下所示：

<span>
    <i class="fa fa-bell"></i> <?php echo $notifications_count; ?>
</span>

互动时图标消失-PHP

1 个答案: