Javascript 图像上的.fadeOut（）不'；他似乎没有执行

我有一个输入文本框。在用户空闲输入后，我希望它提交表单（在下面的代码中工作）和复选标记的图像以弹出然后淡出。我只是试着测试淡出功能，这样可以看到img，但我似乎无法让它工作

var timer = null;
$('.form_timer').keyup(function()
{
    if (timer) {
        clearTimeout(timer);
    }

    var test = $(this);
    timer = setTimeout(function() {
        test.next('img').fadeOut('slow');
        test.closest('form').submit();

    }, 700);
});

：编辑#1标记

任务名称
描述

使用此标记

<form method="get">
    <textarea class="form_timer">type in here</textarea>
    <img src="" width="200" height="150" style="display:block;background:#0c0;"/>
</form>​

在这里输入
​

---

您的代码运行良好。在这里自己测试它

更新了我的代码以使用父级，然后下一步。似乎。下一步的工作方式与我预期的不同。我仍然不喜欢将此作为解决方案，因为文本字段可能在div或诸如此类的深度中有两层

var timer = null;
$('.form_timer').keyup(function()
{
    if (timer) {
        clearTimeout(timer);
    }

    var test = $(this);
    timer = setTimeout(function() {
        test.parent().next('.form_checkmark').fadeOut('slow');
        test.closest('form').submit();

    }, 700);
});

编辑#1做了更多的挖掘

---

似乎没有一个简单的解决方案来满足我的需求。在我知道我在寻找什么后，找到了其他人发布的解决方案。发现

我过去实现这一点的方法是将我的图像包装在占位符div中，然后淡出div。这是我发现的唯一一种完全跨浏览器兼容的方法。请同时提供标记，这样就可以验证您指定的各种DOM遍历了吗？提交表单时，页面会重新加载，因此您可能看不到任何动画的结果。@AnthonyGrist这是一个ajax调用更改任何内容。@oomlaut添加了标记以帮助thanksI使用您链接到的同一站点并添加了我的标记，但失败了。谢谢你给我看那个网站。顺便说一句，你能给我一个链接到你改变的变体吗？

var timer = null;
$('.form_timer').keyup(function()
{
    if (timer) {
        clearTimeout(timer);
    }

    var test = $(this);
    timer = setTimeout(function() {
        test.parent().next('.form_checkmark').fadeOut('slow');
        test.closest('form').submit();

    }, 700);
});