Скрыть элемент при заполнении поля формы

Question

Скрыть элемент при заполнении поля формы

0

Я работаю над веб-приложением для отображения на iPhone, и когда поле формы становится активным, навигация (.nav-btns) внизу моей страницы мешает. Я хотел бы скрыть этот элемент, когда элемент формы становится в фокусе. Вот то, что я сейчас пытался с jquery, но не повезло:

<script type="text/javascript">
$( document ).ready(function() {
$("select").is(":focus").hide(".nav-btns");
});
</script>

chuckscoggins 23 сен. 2013, в 00:58

Источник

Теги:

jquery

1 ответ

Ещё вопросы

shennan · Accepted Answer · 2013-09-22T20-09-00.000Z

Как насчет:

$(function(){

  $('select').focus(function(){

    $(".nav-btns").hide();

  });
});

Это должно привязать событие фокусировки ко всем select элементам, а затем скрыть элемент с помощью класса .nav-btns.

Для отмены изменения "нефокусировки":

$(function(){

  $('select').focus(function(){

    $(".nav-btns").hide();

  }).blur(function(){

    $(".nav-btns").show();

  });
});

Это сработало отлично. Любые идеи, как заставить элемент возвращаться, когда выбор больше не в фокусе?