Question

我有这段代码：

<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>
}
?>

任何帮助，非常感谢。

谢谢。

Answer 1

使用html5存储非常简单。

这是html5 storage

的链接

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

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

继续关于链接的示例，您将找到记录良好的示例。和html5存储是未来。它们非常小巧整洁......

仅显示工具提示一次

1 个答案: