0

さて、私はこれらの派手な検索ボックスの1つを展開するようにしました（つまり：apple.com）私の問題は、ユーザーが結局検索しないと判断し、代わりにナビゲーションをクリックすることを決定した場合、2回のクリックが必要になることです。テキストフィールドからぼかしてから、もう一度クリックスルーします。

2回目のクリックはしたくありません。私の考えは、jqueryが次のような関数を作成することです。

$('.menu a').mouseover(function() {
     $('mysearch').blur();
    });

しかし、これは間違っていると思うので、これを書くより良い方法はありますか?

4

1 に答える 1

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');
});
于 2013-04-15T17:13:35.570 に答える