2011-10-28 12 views
0

ユーザーが入力すると検索バーに表示したい「読み込み用GIF」に次のような奇妙な問題があります。コードはmozillaで動作します。つまり、ローカルホストでは7ですが、私のcpanelではmozillaでしか動作しません。 手がかりはありますか?申し訳ありませんが、これは明らかに見える場合:)ここ は、コードで、パスがダイナミックしかし、もちろん正しいです:jQuery、つまりテキストの入力

$('#searchField').focus(function(){ 
     $(this).keypress(function(event) { 
      if (event.which == 13) { 
       $(this).css('background-image', 'url("/dvt/public/images/ajaxLoader.gif")'); 
      } 
     }); 
    }); 

おかげでたくさん

+0

画像をプリロードしてみてください。 – epascarello

+0

'event.which'の代わりに' event.keyCode'を使用しようとしています – gustavotkg

答えて

1

あなたのイベントを取得するためにこれを入れて:

if (!event) 
    var event = window.event; 
var code = event.which || event.keyCode; 

IEとFirefoxで違います

+2

これはイベントを正規化し、最初のパラメータとしてハンドラに渡すjQueryを使用しています。また、押されたキーに関する情報を保持するイベントプロパティを正規化します。それは本当にイベントの場合、私はIEでエンターキーを押したときに、ajaxLoaderによって置き換えるべき画像がちょうどdesappearsとローダーが表示されないとしてではなく、私は知らない – JAAulde

+0

感謝... –

1

画像までは、画像のURLは/images/ajaxLoader.gifとしてとなりますはdocのルートパスのようです。あなたのサーバー上のイメージでは、ブラウザにどのURLを表示しますか?また、CSSのurl()から二重引用符を引き出すこともできます。

グローバル名前空間との衝突を避けるため、イベントパラメータの名前を変更してください(eを試してください)。jQueryfn.keypress docsごとにe.whichを使用してください。

+1

は、私はあなたが使うべきだと思います'e.which'。 – pimvdb

+0

良いキャッチコピーを貼り付けて忘れてしまった。 :) – JAAulde

+0

ヒントのおかげで、物事はそれがzendアプリケーションだから、私はecho $ this-> baseUrl()としてルートパスにビューヘルパーを使っていました。私は../images/ajaxLoader.gifや/images/ajaLoader.gifのようないくつかの相対パス(二重引用符なし)を試しました。サーバー上のIEで動作する唯一のものは完全なパスです:http://xxxx.org/dvt/public/images/ajaxLoader.gif –

関連する問題