Question

我有一个输入X（清除）按钮来清除值。如果输入中有值，我希望该按钮淡出。

这是我所拥有的一个小提琴：http://jsfiddle.net/3m25K/

<input class="inputfield">

$('input.inputfield').wrap('<span class="deleteicon" />').after($('<span/>').click(function() {

    $('.inputfield').val('').focus();
}));

input{
    font-size:22px;}
span.deleteicon {
    position: relative;
}
span.deleteicon span {
    position: absolute;
    display: block;
    top: -5px;
    right: 7px;
    width: 24px;
    height: 24px;
    background:black;
    cursor: pointer;
}

Answer 1

您可以添加一个keyup处理程序并检查<input>的值是否已从无转换为某些或某些转换为无，然后应用fadeIn或{{3按钮。像这样：

$('.inputfield').keyup(function() {
    var $span = $('.deleteicon span');
    if(this.value.length > 0 && !$span.is(':visible'))
        $span.stop().fadeIn();
    else if(this.value.length == 0)
        $span.stop().fadeOut();
});

实时版：fadeOut

如果输入值> 1，则淡化jQuery包装

1 个答案: