Question

遵循以下示例：

<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，然后将timeOut设置为img fadeOut。

Answer 1

以下是如何执行此操作的基本示例：

$('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);
});

演示：http://jsfiddle.net/fBfV4/1/

Answer 2

我......我想我明白你在追求什么。这应该接近：

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

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

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

Answer 3

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

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

从输入中失去焦点后添加img和setTimeout

3 个答案: