jquery - 表单字段焦点时隐藏元素

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元素，然后使用 class 隐藏元素.nav-btns。

要撤消对“不聚焦”的更改：

$(function(){

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

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

  }).blur(function(){

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

  });
});