只显示一次工具提示

Only show tooltip once

本文关键字:一次 工具提示 显示      更新时间:2023-09-26

我有这个代码:

<a href=""><img src="image.jpg" class="tooltiphover img-responsive" data-original-title="Search" data-toggle="tooltip" data-placement="bottom" /></a>

但我只想在整个网站上显示一次工具提示。目前,此代码位于包含文件中,该文件包含在网站的每个页面上。例如,如果用户将鼠标悬停在主页上的此图像上,那么我不希望工具提示再显示在网站的任何页面上。

我想我必须使用某种cookie/会话。我真的不知道从哪里开始。我想我在问,当有人将鼠标悬停在显示工具提示的图像上,然后在其他页面上时,我将如何设置php会话。如果会话存在,则不包括工具提示代码。

类似这样的东西:

$( ".tooltiphover" ).mouseout(function() {
<?php $showntooltip = "Yes"; ?>
});
<?php
if ($showntooltip != "Yes") { ?>
<a href=""><img src="image.jpg" class="img-responsive"/></a>
<?php } else { ?>
<a href=""><img src="image.jpg" class="tooltiphover img-responsive" data-original-title="Search" data-toggle="tooltip" data-placement="bottom" /></a>
}
?> 

任何帮助,不胜感激。

谢谢。

使用html5存储,这将非常简单。

这是html5存储的链接

通过使用带有javascript的会话存储,您可以在访问者会话期间第一次单击后禁用工具提示。。

通过使用带有javascript的本地存储,您可以在访问者的每个会话中第一次单击后禁用工具提示。

只要继续链接上的例子,你就会发现非常好的例子记录。html5存储是未来的趋势。它们非常小巧整洁。。。