javascript - イベントが機能しないときに関数をトリガーする

Question

http://jsfiddle.net/hYarj/1/

何かをテストしようとしましたが、不明なエラーが発生しました

function int_arr(a, b) {
  return a - b;
}
numbers = [];
push4();

numbers.sort(int_arr);
$('#text').text(numbers.toString());

$('a').click(push1);

function push1(){
  numbers.push('1');

}

function push4(){
 return numbers.push('4');   
}

クリックイベントが発生しませんでした..

Answer 1

http://jsfiddle.net/hYarj/5/が理にかなっているかどうかを確認してください。

$('#text').text(numbers.toString());

ページの読み込み中に一度だけ実行されました。DOM を更新したい場合は、手動で再度呼び出すか、何らかのイベントにアタッチする必要があります。

Answer 2

あなたのコードではpush4();、宣言される前でも関数を呼び出しています!

これらの一連のステートメント:

function push4(){
 return numbers.push('4');   
}

このステートメントの上に配置する必要がありますpush4();

Answer 3

あなたのフィドルanchor tagでは、 「$('button').click(..)」のような使用は見られません。

$('button').click(function () {
    push1();// push 1 here
    numbers.sort(int_arr);// sort after pushing1 
    $('#text').text(numbers.toString());// showing sorted text
});

デモ

Answer 4

aセレクターがないため、起動しませんでした。下の行を変更します

$('a').click(push1)

に

$('button').click(push1);

クリックイベントを発生させる必要があります。それはあなたが何を手に入れたいのかという別の質問です.

Answer 5

使用しているセレクターが間違っています。aここにタグはありません

    function int_arr(a, b) {
      return a - b;
    }
    numbers = [];
    push4();

    numbers.sort(int_arr);
    $('#text').text(numbers.toString());

    $('button').click(push1);//the selector is button

    function push1(){
     return numbers.push('1');//return is missing here

    }

function push4(){
 return numbers.push('4');   
}