jQuery event.preventDefault（）がFirefoxで動作しない（JSFiddleが含まれています）

Question

これは他のいくつかの類似した複製ですが、この場合はevent.preventDefault()を正しく使用していると思います。 [送信]ボタンをクリックして、基本的にhttp://jsfiddle.net/SeEw2/2/

：

ここJSFiddleは、あなたがして、コードを見ることができます。

クロム：何も起こりません - 正解です。

Firefoxの場合：ページがリロードされました。

なぜFirefoxではページがリロードされ、Chromeでは表示されませんか？私はそれをFirebuggingしていて、どちらのエラーも出ません。

Answer 1

あなたのコードの変数eventは初期化されていません。

http://jsfiddle.net/SeEw2/4/

エキス：

$('#ajaxsearch').click(function(event) { 

     // Stop the Search input reloading the page by preventing its default action 
     event.preventDefault(); 

Answer 2

あなたがfunction(event)のようなイベントオブジェクトを渡していないので、しかし、あなたがtype="button"を作成し、onclickの値を渡すことができたときにも、このすべてを通過し、なぜ私の質問はありますか？本質的には、あなたがこのプロセス全体で何をしているのか。

Answer 3

ああ私は過去に同様の問題を抱えていました。むしろevent.preventDefault（）にイベントを渡してみてくださいより：

function ie8SafePreventEvent(e){ 
    if(e.preventDefault){ e.preventDefault()} 
    else{e.stop()}; 

    e.returnValue = false; 
    e.stopPropagation();   
} 

私はそれはIE言うけど、私は=以来、それに問題を抱えていたことがありません]

Answer 4

代わりのクリックイベントを探して送信ボタンで$(form).submitハンドラを使用してみませんか？

ハンドラーの最後に「return false」がある限り、ページはリロードされません。

Answer 5

私はこの方法で解決しました。私のコードが少し違うので、これは他の人に役立つかもしれません。私の最初のコードはこのように見えました。

<form id="enrollstudentform" onsubmit="return enrollStudents()"> 
    ... 
</form> 

私のJS関数は

function enrollStudents() { 
    // Stop Form. 
    event.preventDefault(); 
    // Other code 
} 

のように見えた私は、に持っていた関数呼び出しのパラメータイベントを渡し、機能でそれを受け取ります。

<form id="enrollstudentform" onsubmit="return enrollStudents(event)"> 
    ... 
</form> 

JSコード：

function enrollStudents(event) { 
    // Stop Form. 
    event.preventDefault(); 
    // Other code 
} 

私はそれが役に立てば幸い。