表单字段焦点时隐藏元素

Question

我正在开发一个可在iPhone上显示的网络应用程序，当表单字段变为活动状态时，页面底部的导航栏（.nav-btns）会受到阻碍。当任何表单元素成为焦点时，我想隐藏该元素。这是我目前用jquery尝试过的，但没有运气：

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

Answer 1

怎么样：

$(function(){

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

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

  });
});

这应该将焦点事件绑定到您的所有select元素，然后使用类.nav-btns隐藏元素。

撤消对'unfocus'的更改：

$(function(){

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

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

  }).blur(function(){

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

  });
});