當表單字段焦點隱藏元素

Question

我正在開發一個用於在iPhone上顯示的Web應用程序，並且當表單字段變爲活動狀態時，頁面底部的nav（.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。

用於撫平上的 '無焦點的方式' 的變化：

$(function(){ 

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

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

    }).blur(function(){ 

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

    }); 
});