Когда пользователь вводит #pgSearch
для фильтрации списка, если совпадений нет, .noresults
становится видимым.
Кроме того, когда совпадений нет, форма (#RequestRecipe
) также должна становиться видимой.,Но это не сразу, когда появляется .noresults
.Мне нужно нажать любую дополнительную клавишу, чтобы вызвать его.И наоборот: когда я удаляю символы до тех пор, пока не исчезнет noresults
и не отобразятся совпадения, но форма все еще будет видна, пока я не нажму любую дополнительную клавишу.
Поэтому я подумал о том, чтобы вызвать нажатие клавиши.Но, похоже, это не сработает.
$(function(){
$('#pgSearch').keyup(function() {
$('#RequestRecipe #recipe').val($(this).val()); // copy #pgSearch to #recipe
$(this).trigger(jQuery.Event('keypress', {keyCode: 65})); // 65 is for testing. I think 16 (shift) or 29 (ArrowRight) is suitable
if($('.noresults').is(':visible')){
$('#RequestRecipe').slideDown('slow');
} else {
$('#RequestRecipe').slideUp('slow');
}
});
});
Любое предложение?
РЕДАКТИРОВАТЬ: Я загрузил версию моего сайта в процессе работы, где вы можете увидеть, что происходит здесь: http://drinksta.thomaskile.me/
Это поиск на индексной странице.
Когда вы начинаете поиск, список фильтруется с помощью quicksearch
-plugin.
Если совпадений нет, строка .noresult
становитсяvisible (установите на display: table-row;
.
Когда это произойдет, вам нужно нажать дополнительную клавишу, чтобы вызвать показ / скрытие на #RequestRecipe
.
Пример:
вы вводите «abc»,отображается .noresult
, но не форма. Затем вам нужно либо продолжать писать, либо просто пропустить любой заданный ключ, и тогда он показывает ...