1つのボタンが2つのタスクを実行するため、jQueryで2番目の関数を呼び出す必要があります

Question

私はトリビアゲームを作成しています。正しい、間違った、答えられていない質問をすべて表示しています。この関数の終わりに

function displayResults() { 
    $('#timer').html("Correct answers: " + correct); 
    $('#fiveSec').html("Incorrect answers: " + incorrect); 
    $('#question').html("Unaswered: " + unanswered); 
    $('#correct-answer').empty(); 
    $('#answers').append('<input type="button" class="btn btn-primary" "start-button" value="Play Again">'); 
} 

、ボタンの内側に、私はゲームを再度実行を開始し、この機能のための方法を持っている必要があります。

$('#start-button').on('click', function() { 
    currentQuestion = 0; 
    correct = 0; 
    incorrect = 0; 
    unanswered = 0; 
    count = 30; 
    five = 5; 
    currentTeamsLength = 0; 
    displayQuestion(); 
    $(this).remove(); 
}); 

だから、これ#start-buttonは、ゲームを開始し、私はゲームが終了するとdisplayResultsの内部で再びそれを上に実行したい同じボタンです。何か案は？

Answer 1

Jsutこの

$('#start-button').on('click', startGame) 

function startGame(){ 
    currentQuestion = 0; 
    correct = 0; 
    incorrect = 0; 
    unanswered = 0; 
    count = 30; 
    five = 5; 
    currentTeamsLength = 0; 
    displayQuestion(); 
    $(this).remove(); 
}); 

ような新しい機能を作成し、手動

$('#start-button').trigger("click") 

Answer 2

変更ボタンのようにdisplayResultにクリックトリガすることができますdisplayResults

それとも

からこの関数を呼び出します最初に押されたときにテキストが表示され、ボタンのテキストに基づいて条件を満たしていれば、別の関数を実行します。

$('.start-button').trigger('click'); 

あなたのボタンを修正してください、あなたはただ、次のようにdisplayQuestions()からclickイベントでゲームをre-triggerする必要が

Answer 3

（私はあなたの質問は非常に明確ではありません、これはあなたが求めていたものだった願っています）以下のように、

$('#answers').append('<input type="button" class="btn btn-primary start-button" value="Play Again">'); 

はまた、あなたが委任方法、

でクリックイベントをバインドする必要があります

$("#answers").on('click', '.start-button', function(){ 
     // your code logic 
}); 

idボタンがないので、クラスセレクタを使用する必要があります。

Answer 4

私の間違ったミス。すべてが$（ '＃answers'）にあった。append（ ''）; id = '＃start-button'には＃は必要ありませんでした。 （click）、関数（）を$（document）.on（ 'クリック'、 'スタートボタン'関数（）に変更した後、いくつかのdivをクリアしなければならなかったdisplayResults関数内で