Question

我使用悬停在悬停时显示工具提示。但是，由于我在mouseout上编写的函数不起作用，因此文本会不断添加。

以下是我的代码：

var $j = jQuery.noConflict();

$j("#choice30QID404").hover(
function () {
   // $j(this).append($("<span> HOVERING!!!!! </span>"));
    $j(this).append("<span>HOVERING!!!!!</span>");
});              

$j("#choice30QID404").click(function() {
  $j(this).mouseout();
});

Answer 1

您只需使用title属性即可实现此目的。除非你不想自定义。我写的没有noConflict（）

$('#choice30QID404').mouseover(function() { 
$(this).attr('title','You are Hovering'); 
})

$('#choice30QID404').mouseout(function() { 
$(this).removeAttr('title'); 
})

这会对你有帮助。

Answer 2

您已使用id choice30QID404将DOM子项添加到您的元素中。然后，您可以在.mouseout()事件（reference）上将其删除 JQuery帮助.children().remove()。

var $j = jQuery.noConflict();
var $choice = $j("#choice30QID404");

$choice.hover(function () {
  $j(this).append("<span>HOVERING!!!!!</span>");
});              

$choice.click(function() {
  $j(this).mouseout();
});

$choice.mouseout(function() {
  $j(this).children().remove();
});

我希望这有帮助，

里斯

Answer 3

你想要这样的东西。

试试这个

<强>脚本

extension=php_openssl.dll

<强> HTML

  var $j = jQuery.noConflict();

  $j("#choice30QID404").hover(
  function () {
     // $j(this).append($("<span> HOVERING!!!!! </span>"));
      $j(this).append("<span class='span1'>HOVERING!!!!!</span>");    
  });              

  $j("#choice30QID404").mouseout(function() {
    $j(this).find('.span1').remove();
  });

Working Demo

Answer 4

试试这个 - ＆gt;

您可以在鼠标悬停上添加鼠标悬停，然后删除

var $j = jQuery.noConflict();

$j("#choice30QID404").hover(
  function() {
    // $j(this).append($("<span class='prepended'> HOVERING!!!!! </span>"));
    $j(this).append("<span class='hovering'>HOVERING!!!!!</span>");
  });

$j("#choice30QID404").mouseout(function() {
 // $j(this).mouseout();
  $j(".hovering").remove();

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<a href="javascript:void(0)" id="choice30QID404">Hello<a>

如何删除在jquery中悬停生成的工具提示

4 个答案: