我有一个加载叠加层,我希望它不通过CTRL和SHIFT等触发。我不知道为什么会这样。当我ALT-TAB回到网站时,它也会触发。这不是我想看到的,也不是客户。另外,当我点击DELETE时,它会触发叠加层。仅当输入为空时,这才好。
此外,如果我在另一个搜索栏内聚焦,我也会注意到,在#keywords
输入内搜索后,它也会触发叠加效果。
$("#keywords").keypress(function(){
// Show loading overlay when ajax request starts
$( document ).ajaxStart(function() {
$('.loading-overlay').fadeIn("fast");
// $('.loading-overlay').show();
});
// Hide loading overlay when ajax request completes
$( document ).ajaxStop(function() {
$('.loading-overlay').fadeOut("fast");
// $('.loading-overlay').hide();
});
});
这里出了什么问题?
感谢您的时间。
使用以下代码修复了它:
if($('#keywords').val().length > 0) {
$('.loading-overlay').fadeIn("fast");
} else {
$('.loading-overlay').hide();
}
如果输入长度大于零,它将淡入,如果长度为零(否则),则将隐藏。
我将此放置在AJAX beforeSend: function () {
内