Не срабатывает функция

[VladRom]

Здравствуйте, я не понимаю почему не срабатывает тригер кнопки

$('#search input[name=\'search\']').parent().find('button').trigger('click')

Вот код common-js

    $('#search input[name=\'search\']').parent().find('button').on('click', function() {

        var url = $('base').attr('href') + 'index.php?route=product/search';

 

        var value = $('header #search input[name=\'search\']').val();

 

        if (value) {

            url += '&search=' + encodeURIComponent(value);

        }

 

        location = url;

    });

 

    

 

    $('#search input[name=\'search\']').on('keydown', function(e) {

        console.log(e.keyCode);

        

        if (e.keyCode == 13) {

            

            $('#search input[name=\'search\']').parent().find('button').trigger('click')

        }

    });

Вот search.twig

<div class="" id="search" >

<button type="button" class="search-form__icon"><i class="fa fa-search"></i></button>

    <form action="#" class="search-form__item">

      <button  type="button" class="btn btn-default btn-lg search-form__btn _icon-search" id = "main-search-button"></button>

      <input type="text" name="search" value="{{ search }}" placeholder="{{ text_search }}" class="form-control input-lg search-form__input" />

    </form>

</div>

 

 

 

 

Змінено 26 липня 2021 користувачем VladRom

[ocbot]

А зачем вам две кнопки в форме поиска?
Вместо этой "конструкции":

$('#search input[name=\'search\']').parent().find('button')

везде пропишите

$('#main-search-button')

или так

$('#search form button')

P.S. Только уберите пробелы в этой части шаблона:

id = "main-search-button"

 

[VladRom]

4 часа назад, ocbot сказал:

А зачем вам две кнопки в форме поиска?
Вместо этой "конструкции":

$('#search input[name=\'search\']').parent().find('button')

везде пропишите

$('#main-search-button')

или так

$('#search form button')

P.S. Только уберите пробелы в этой части шаблона:

id = "main-search-button"

 

Вторая кнопка для мобильной версии.

Я уже изменял у меня все равно она не тригерится, но с дефолтным кодом она тригерится

<div id="search" class="input-group">

  <input type="text" name="search" value="{{ search }}" placeholder="{{ text_search }}" class="form-control input-lg" />

  <span class="input-group-btn">

    <button type="button" class="btn btn-default btn-lg"><i class="fa fa-search"></i></button>

  </span>

</div>