javascript - fadeIn() 值到一个输入字段，如何？

Question

我在 SA 上阅读了几个关于如何将值淡入输入字段的问题的答案。当我尝试代码时，它不起作用。我已经尝试了几件事，但仍然没有运气:

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

我试过:

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

和

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

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

Answer 1

除了使用 j08691 描述的动画过程之外，您还可以使用 CSS3 transitions

Browser compatibility chart

$('#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>