jquery 焦点和模糊功能，但如果 val 不等于 null。

Question

我正在尝试根据焦点和模糊事件修改输入的背景。那部分工作正常，但如果客户在搜索框中输入了一个值，我也想设置背景。如果您输入文本然后立即单击提交按钮，它确实有效(尽管您可以非常短暂地看到背景变化)。

但是如果一个值当前在搜索框中并且客户端触发了模糊函数，它也会更改输入的背景。

如果搜索框中有值，如何确保不触发模糊功能？

这是我到目前为止的代码:

 // change input field on blur and focus
var $searchFocus = 'url("img/layout/spyglass.png") no-repeat 2px 0 #FFFFFF';
var $searchBlur = 'url("img/layout/spyglass-text.png") no-repeat 2px 0 #FFFFFF';
$('#query').css('background', $searchBlur);

if($('#query').val() !='') {
    $('#query').css('background', $searchFocus);
}

$('#query').focus(function(){
    $('#query').css('background', $searchFocus);
}); 

$('#query').blur(function() {
    $('#query').css('background', $searchBlur);
});

我做了一个 jsfiddle

也许我想要一些与模糊功能不同的东西？

TIA

Answer 1

为了你的模糊:

$('#query').blur(function() {
    if(!$('#query').val()) $('#query').css('background', $searchBlur);
});

更新的工作 fiddle :

http://jsfiddle.net/e6uTB/3/

---

更新

作为额外的奖励，我重构了您的代码!

http://jsfiddle.net/e6uTB/8/