我有这个代码:
<a href=""><img src="image.jpg" class="tooltiphover img-responsive" data-original-title="Search" data-toggle="tooltip" data-placement="bottom" /></a>
但我只希望工具提示在整个网站中显示一次。目前,该代码位于站点每个页面上的包含文件中。例如,如果用户将鼠标悬停在主页上的此图像上,那么我不希望在网站的任何页面上再显示工具提示。
我想我必须使用某种cookie/ session 。我不太确定从哪里开始。我想我问的是,当有人将鼠标悬停在显示工具提示的图像上时,如何设置 php session ,然后在其他页面上设置 session (如果 session 存在),则不包含工具提示代码。
类似这样的事情:
$( ".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 storage 的链接
通过将 session 存储与 JavaScript 结合使用,您可以在访问者 session 期间首次单击后禁用工具提示。
通过将本地存储与 JavaScript 结合使用,您可以在访问者的每个 session 中首次单击后禁用工具提示。
只需继续查看链接上的示例,您就会发现文档齐全的示例。 html5存储是 future 。它们非常小而且整洁......
关于javascript - 只显示工具提示一次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33480509/