Помогите вставить fullscreen поиск (js код) на сайт, чтобы он работал

Аватар пользователя Sennheiser Sennheiser 30 мая в 14:30

Народ, помогите пожалуйста. Нужно вставить на сайт данный код - https://jsfiddle.net/j8kqLe56/
Чтобы при нажатии на ссылку появлялся fullscreen поиск, и при вводе отправлялся запрос в обычную форму поиска.

1. Проблема
Почему-то не работает этот код js без дополнительного подключения библиотеки jQuery, хотя установлен модуль jQuery Update и в браузере библиотека загружается.

$(function () {
    $('a[href="#search"]').on('click', function(event) {
        event.preventDefault();
        $('#search').addClass('open');
        $('#search > form > input[type="search"]').focus();
    });
   
    $('#search, #search button.close').on('click keyup', function(event) {
        if (event.target == this || event.target.className == 'close' || event.keyCode == 27) {
            $(this).removeClass('open');
        }
    });
   
    $('form').submit(function(event) {
        event.preventDefault();
        return false;
    })
});

2. Проблема
Почему-то не отправляется запрос в форму поиска после ввода, ставил action в тег form, но не получилось.

Помогите пожалуйста решить эту проблемы за вознаграждение. Всё настроено и прописано, доступ в личке предоставлю.

Комментарии

Аватар пользователя VasyOK VasyOK 30 мая в 16:33

А может создать страницу с формой поиска и вывести ссылку на эту страницу в модале?