Jquery 在输入失去焦点后添加img和setTimeout

下面是一个例子：

<tr>
    <td  width='75px' class='someClass'>
         <input class='input'  type='text' size='5'/>
    </td>
    <td width='75px'class='someClass'>some value</td>
</tr>

一些价值

我上面有10行代码，所以这很简单：

当我从输入中失去焦点时，我必须在输入旁边创建一个img，然后将超时设置为img刚刚消失。

$（'.input'）.mouseout（function（）{
$('.input').mouseout(function() {
    $(this).after('<img src="src.jpg" />');
    setTimeout(function() {
        $(this).next('img').fadeOut('slow'), 1000);
});

$（本）。在（''）之后；
setTimeout（函数（）{
$（this.next（'img'）.fadeOut（'slow'），1000）；
});

这将在输入字段后附加一个图像，然后在指定的时间间隔后开始淡出。

$（'.input'）。mouseout（function（）{
$（本）。在（''）之后；
setTimeout（函数（）{
$（this.next（'img'）.fadeOut（'slow'），1000）；
});

---

这将在输入字段后附加一个图像，然后在指定的时间间隔后开始淡出。

以下是一个基本示例：

$('input.input').live('blur', function() {
    var $this = $(this);
    var $img = $('<img/>').attr('src', 'http://placekitten.com/70/70');
    $this.after($img);
    setTimeout(function() {
        $this.next('img').fadeOut('slow', function() {
            $(this).remove();
        });
    }, 1000);
});

$（'input.input'）.live（'blur'，function（）{
var$this=$（this）；
变量$img=$（'
演示：
以下是一个基本示例，说明如何执行此操作：

$('input.input').live('blur', function() {
    var $this = $(this);
    var $img = $('<img/>').attr('src', 'http://placekitten.com/70/70');
    $this.after($img);
    setTimeout(function() {
        $this.next('img').fadeOut('slow', function() {
            $(this).remove();
        });
    }, 1000);
});

$（'input.input'）.live（'blur'，function（）{
var$this=$（this）；
变量$img=$（'
演示：
我……我想我明白你在追求什么。这应该很接近：

$('td.someClass input').blur(function () {
  var $this = $(this);

  $this.parent().append('<img src="" />');

  setTimeout(function () {
    $this.next('img').remove();
  }, 1500);
});

$（'td.someClass输入'）.blur（函数（）{
var$this=$（this）；
$this.parent（）.append（“”）；
setTimeout（函数（）{
$this.next（'img'）.remove（）；
}, 1500);
});
我……我想我明白你在追求什么。这应该很接近：

$('td.someClass input').blur(function () {
  var $this = $(this);

  $this.parent().append('<img src="" />');

  setTimeout(function () {
    $this.next('img').remove();
  }, 1500);
});

$（'td.someClass输入'）.blur（函数（）{
var$this=$（this）；
$this.parent（）.append（“”）；
setTimeout（函数（）{
$this.next（'img'）.remove（）；
}, 1500);
});
抱歉，-1，提问者谈到焦点丢失，但您使用的是
mouseout
。此外，传递给
setTimeout（）的回调中存在语法错误<代码> >请考虑改进您的答案。抱歉，-1，提问者谈论焦点丢失，但您使用的是 MouthOUT 。此外，在向<代码> SETTIMEOUT（）/代码>的回调中存在语法错误。请考虑改进您的答案。完美（除了小猫）。.ty！@ric_bfa:不客气，我想你应该把小猫放在那里。嘿，一个问题，如果我从一个输入切换到另一个输入，他会添加两个img的besid输入。我能做什么？问题解决了，忘了在淡出呼叫中删除，再次，ty。完美（除了小猫）.ty！@ric_bfa:不客气，我想你应该把小猫放在那里。嘿，一个问题，如果我从一个输入切换到另一个输入，他会添加两个img，以避免输入。我能做什么？问题解决了，忘记在淡出呼叫中删除，再次，ty。