谷歌Chrome，JQuery - show不适用于自动对焦

Question

我有自动对焦的输入元素：

<input type="text" name="name" id="name" value="<?php if(isset($name)) {echo $name;} ?>" autofocus="autofocus"/>

和JS在输入聚焦时显示div元素：

var forma = $('form#mali_oglas input'),
    pomoc = $('div[role=pomoc]');    
    forma.on('focus', function(){
    pomoc.show();
 });

这适用于FireFox，但它无法在Chrome中运行（当显示另一个输入字段 pomoc 时）。什么似乎有问题？

Answer 1

您将焦点功能绑定到id mali_oglas 表单中输入类型的每个元素。如果您只想捕获上面的输入，您应该使用：

var forma = $('#name'),
    pomoc = $('div[role=pomoc]');    
    forma.on('focus', function(){
    pomoc.show();
 });

P.S：将元素集中在加载上也是个好主意（因为自动对焦不支持跨浏览器）：

$(document).ready(function(){
    $('#name').focus();
});