javascript - 只显示工具提示一次

标签 javascript jquery html

我有这个代码:

<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/

相关文章:

javascript - 防止绝对定位的动态 div 溢出

javascript - 使用 jQuery 回显文本

javascript - 尝试删除尾随文本

javascript - PHP/cURL 或 file_get_contents -- 如何获取 JS 页面的值而不是 JS 代码

jquery - IE 假文本阴影与其文本分开流动

javascript - Python中的Selenium,无法点击 'button' : Tag not found

javascript - 为什么当文本更改时,li 元素中的链接( anchor 元素)会被删除?

jquery - 查找父级及其父级的第一个子级

javascript - 根据文本长度调整下拉框的宽度

javascript - 如何将所有表格的表格行高设置为固定值