Исчезнование value Поиск... в мобильной версии

Автор bulo4ka, 09 сентября 2022, 18:35:46

« назад - далее »

bulo4ka

Добрый день ,подскажите при нажатии на поиск в моб не пропадает  value Поиск...

   <input class="search_query form-control" type="text" id="search_query_top" name="search_query" value="Поиск..." autocomplete="off"/>
<script type="text/javascript">
   $('#search_query_top').on('click', function(){
          var $this = $(this);
          if($this.val() == 'Поиск...'){
         $this.val('');
          }
      }).on('blur', function(){
          var $this = $(this);
          if($this.val() == ''){
         $this.val('Поиск...');
          }
      });
</script>

хотя скрипт на событие прописан, в полной все ок, в моб никак...

PrestaMan

В консоле браузера что показывает на клике?
Эксперт Prestashop - решения всех проблем, написание модулей, создание тем для интернет-магазинов под Prestashop.
Эксперт Magento - создам сайт на Magento, программирование кастомных модулей для Magento, кастомизация тем Magento.
Лучшие цены!!!

Adik


coder

<input class="search_query form-control" type="text" id="search_query_top" name="search_query" value="" placeholder="Поиск..." autocomplete="off"/>

Будет работать во всех версиях.


bulo4ka

Цитата: PrestaMan от 09 сентября 2022, 19:55:44
В консоле браузера что показывает на клике?

ничего , ошибок нет

Adik

Ошибки есть. Отключить нужно ккк и убрать js код из шаблонов. У вас дублируются несколько js функций.

Mr.Sen

В мобильной версии строка поиска скрыта при загрузке. Измение текста в ней на событие смены фокуса. Не работает, так смена фокуса не применяется для скрытых элементов.
Самое простое решение написали выше, добавьте placeholder к полю.