在悬停时隐藏标题属性工具提示

时间:2017-04-26 05:13:13

标签: jquery html css

我有<a></a>标题属性。悬停显示默认工具提示的链接。我想在悬停锚标记时隐藏工具提示。在mouseout上我需要再次添加title属性。现在onhover删除title属性,并且不会在mouseout事件上附加标题

jQuery(function() {
  jQuery(document).ready(function() {
    $('a').hover(
      function() {
        $(this).removeAttr("title");
      },
      function() {
        $(this).attr("title");
      }
    );
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href=# title="sample">Hover Here</a>

1 个答案:

答案 0 :(得分:1)

这可能是,你在寻找什么

这将&#34;删除&#34; title并将值保存到名为save_title的属性中。

&#13;
&#13;
jQuery(document).ready(function() {
  $("a").mouseenter(function() {
      var title = $(this).attr("title");
      $(this).attr("save_title", title);
      $(this).attr("title", "");
    })
    .mouseleave(function() {
      var title = $(this).attr("save_title");
      $(this).attr("title", title);
    })
    .click(function() {
      var title = $(this).attr("save_title");
      $(this).attr("title", title);
    });
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href=# title="sample">Hover Here</a>
&#13;
&#13;
&#13;