イベントの代わりにページの読み込みでJavascriptが実行される（バグ）

Question

イベントで関数を呼び出しているときに、私は最も奇妙な問題を抱えています。私は、ウィンドウが$(window).resize()を使用してサイズ変更されたときに実行する関数を取得しようとしていますが、DOMが再びロードされないとすぐに関数を起動するようです。

私はおそらくここで本当にシンプルなものを見逃しているでしょうが、私は一日中それを見てきました。

同じことをするが、$(window).resize()の代わりに$('a').click()を使用して、私はJSfiddle上で流布されたダウンバージョンを作成しました。同じ問題が起きているので、私の機能に何か問題があると感じていますが、私はそれを見ることができません。

リンクはあなたが機能を実行し、それがパラメータとしてブツのjQueryに出力だ送信され、ここでhttp://jsfiddle.net/sambeckhamdesign/APLZ2/1/

Answer 1

です：代わりに

$('a').click(alert('hello'), imageResizer()); 

、この試してみてください。これは、提供

$('a').click(function() {alert('hello'); imageResizer(); }); 

をアイテムがクリックされたときに実行される無意味な関数です。imageResizer（）を呼び出すのに対し、imageResizer（）関数とpそれは、onclickハンドラへの戻り値です。後で動作しなかったのは、imageResizer（）関数の戻り値が、実行しようとしていたコードであったからです。あなたは、イベントをトリガする代わりに

$('a').click(alert('hello'), imageResizer());​ 

があるべきそれにハンドラを割り当てる

Answer 2

$('a').click(function(event) { 
    event.preventDefault(); // I suppose you will want that ... it will avoid your window jumping to the top when you click due to the href="#" 
    alert('hello'); 
    imageResizer(); 
});​ 

Answer 3

試してみてください。

$('a').click(function(){ 
    alert('hello'); 
}, imageResizer());​