图标在交互时消失-PHP

我已经使用下面的代码创建了一个通知计数器，旁边有一个字体很棒的图标：

<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\u count只输出一个数字（无论登录用户有多少通知）

单击此列表项时，通知框打开，但单击框外时，图标消失，仅显示通知编号

查看演示

我真的搞不懂为什么我一点击图标就会消失。有没有更简单的方法将锚定标记附加到fontawesome图标上

请帮忙
 也许这并不能解决您的问题，但它会改进您的代码。您的文本应该不在标记中，如下所示：

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

也许这并不能解决您的问题，但它会改进您的代码。您的文本应该不在标记中，如下所示：

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


是否涉及javascript？还是Ajax调用？也给我们看看。这很可能是关闭模式时运行的JavaScript的一个问题，在关闭模式时，JavaScript不能正确地重新生成图标和计数。然而，社区不可能肯定地说这是事实，因为您没有提供任何类似的服务。另请参见：是否涉及javascript？还是Ajax调用？也给我们看看。这很可能是关闭模式时运行的JavaScript的一个问题，在关闭模式时，JavaScript不能正确地重新生成图标和计数。然而，社区不可能肯定地说这是事实，因为您没有提供任何类似的服务。另见：