当我的输入框出现时,我希望能够使其获得焦点。在Firefox和Internet Explorer中,它能够正常工作,但是在Chrome中却无法正常工作。
JQuery代码:
$(document).ready(function() {
$('.magnifier').click(function() {
$('.search').slideToggle("slow");
setTimeout(function() {
$('.input-search').focus();
}, 0);
});
});
HTML代码:
<a class="magnifier" style="cursor: pointer"><img src="magnifier.png" alt="search"/></a>
<div class="search" class="rightfloat" style="display: none">
<input style="font-family:'Open Sans'" type="text" name="search" placeholder="<?php echo $text_search; ?>" value="<?php echo $search; ?>" class="input-search" />
</div>
在Chrome中,当我点击放大镜图标时,输入框不会获得焦点。但是当我再次点击(隐藏.search)后,输入框获得焦点,而.search没有被隐藏。
谢谢