好的,所以我得到了一个这些花哨的搜索框来扩展(例如:apple.com)我的问题是,如果用户决定他们没有进行搜索并决定点击导航而不是需要点击两次,一次模糊文本字段,然后再次点击。
我不希望第二次点击,我的想法是jquery创建一个像:
这样的函数$('.menu a').mouseover(function() {
$('mysearch').blur();
});
但我觉得这是错的,所以有更好的方法来写这个吗?
答案 0 :(得分:0)
(更新)仔细研究并在css技巧上找到这个帮助我看看发生了什么:http://css-tricks.com/video-screencasts/123-if-it-moves-when-you-click-make-something-stick/
一旦我将速度从“快速”减慢到“慢速”,它就解决了这个问题:
$('#search-txt').focus(function () {
$('.menu a').animate({
'padding-right': 23,
'padding-left': 23,
}, 'slow');
$(this).animate({
width: 300
}, 'fast');
$('#nav-search').animate({
width: 408
}, 'slow');
}).blur(function () {
$(this).animate({
width: 200
}, 'slow');
$('#nav-search').animate({
width: 335
}, 'slow');
$('.menu a').animate({
'padding-right': 30,
'padding-left': 30,
}, 'slow');
});