fadeIn() 将值放入输入字段，如何？

我一直在阅读 SA 上有关如何将值淡入输入字段的问题的几个答案。当我尝试该代码时，它不起作用。我尝试了一些方法，但仍然没有运气：

这是 jsfiddlehttp://jsfiddle.net/bLcszctz/1/ http://jsfiddle.net/bLcszctz/1/

我试过了：

$('#workinggeo').click(function () {
    $('.working').fadeIn('slow', function () {
        $('.working').val('finding...');
    });
});

and

$('#workinggeo').click(function () {
     $('.working').val('finding...').fadeIn('slow');
});

运气为零，如果可能的话，任何人都可以帮忙解决这个问题吗？非常感谢。

除了使用 j08691 描述的动画过程之外，您还可以使用CSS3 过渡 https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_transitions

浏览器兼容性图表 http://caniuse.com/#feat=css-transitions

$('#workinggeo').click(function () {
    $('.working').val("finding...").addClass("show");
});

input.working {
    transition: color 1s;
    color:#FFF;
}
input.show {
    color:#000;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table cellpadding="0" cellspacing="0" id="worksearch">
    <tr>
        <td>
            <input type="text" class="working">
        </td>
        <td>
            <div id="workinggeo">test</div>
        </td>
    </tr>