Jquery 在模糊或鼠标移出时隐藏div

试图在div失去焦点或模糊后隐藏它。我有一个简单的表单，当用户通过触摸或点击（这是一个移动网站）关注该领域时，我会为用户提供一些指导。这是工作，因为我想为显示，但我必须再次点击该字段，让div再次隐藏

HTML:

这是一把小提琴：

---

有人知道如何在模糊或鼠标移出时隐藏此信息吗？

您需要一个绑定到

blur

事件的单独处理程序

 $('#myformid').on('blur', '.field_hints',function(){
     $(this).next('.tooltip_static').hide();
 }); //replace #myformid with the id of your form

例如，您可以执行以下操作：

---

您需要一个单独的绑定到

blur

事件的处理程序

例如，您可以执行以下操作：

---

首先，您有两个具有相同id的对象

usernameCL

。这不好

您正在搜索的代码：

var func = function () {
    // We assume the id of the input tag to be #someid, and the tooltip div to be #someid_tooltip
    var id = $(this).attr('id');
    $('#' + id + '_tooltip').fadeOut();
};

$('#usernameCL').bind('blur', func);
$('#usernameCL').bind('mouseout', func);

---

可能是我弄错了一两个名字。

首先，您有两个具有相同id的对象

usernameCL

。这不好

您正在搜索的代码：

var func = function () {
    // We assume the id of the input tag to be #someid, and the tooltip div to be #someid_tooltip
    var id = $(this).attr('id');
    $('#' + id + '_tooltip').fadeOut();
};

$('#usernameCL').bind('blur', func);
$('#usernameCL').bind('mouseout', func);

可能是我弄错了一两个名字。

您可以使用事件：

您可以使用以下事件：

---

这很有效。在iOS上使用“下一步”按钮有一些问题，但假设我需要补偿tab out。这很好。在iOS上使用“下一步”按钮有一些问题，但假设我需要补偿tab out。是的，这是我的错。用错了身份证，我会换的。基本上，如果你看到这个div在我们的注释框下面是如何打开的，这就是我试图完成的。实际上我也注意到了这一点，并且想知道为什么它会工作，因为我正在重新使用ID。我想我可以试着用一个类来代替。类应该用来为多个标记分配相似/相同的

\u特征。使用它们进行标识不是一个好主意（但如果您仔细考虑，例如使用

$（this）.next（）`）的其他示例，它确实有效）。这就是身份证的作用。是的，这是我的错。用错了身份证，我会换的。基本上，如果你看到这个div在我们的注释框下面是如何打开的，这就是我试图完成的。实际上我也注意到了这一点，并且想知道为什么它会工作，因为我正在重新使用ID。我想我可以试着用一个类来代替。类应该用来为多个标记分配相似/相同的

\u特征。使用它们进行标识不是一个好主意（但如果您仔细考虑，例如使用

$（this）.next（）`）的其他示例，它确实有效）。这就是ids的用途。它实际上运行得很好，并且与表单上的iOS下一步按钮配合使用。谢谢。这实际上很好用，而且iOS的下一步按钮在表单上。谢谢

$().ready(function () {
  $('.field_hints').bind('focus',
    function()
    {
      var field = this.id;
      var div = $('.tooltip_static[id='+field+']');

      if(div.css('display') == 'none')
      {
        div.hide(function()
        {
          div.slideDown("fast");
        });
      }
    }).bind('blur', 
        function()
        {
            var field = this.id;
            var div = $('.tooltip_static[id='+field+']');
            div.hide();
        });
  });

var func = function () {
    // We assume the id of the input tag to be #someid, and the tooltip div to be #someid_tooltip
    var id = $(this).attr('id');
    $('#' + id + '_tooltip').fadeOut();
};

$('#usernameCL').bind('blur', func);
$('#usernameCL').bind('mouseout', func);

$().ready(function () {
      $('.field_hints').bind('focus', function() {
          var field = this.id;
          var div = $('.tooltip_static[id='+field+']');
          div.slideDown("fast");
      }).bind('mouseleave', function(){
          $('.tooltip_static[id='+this.id+']').slideUp("fast");
      });
});