javascript - jquery を使用して div をクリック可能にし、関数を実行する

Question

だから私はdivをクリックしたときにコードを実行したい.

だから私は機能を持っています

function froth(){$("#area").load("test.html #enquiry1");}

divをクリックしたときにこの関数を呼び出したい

 <div id="t1">Test</div>

だから私はこのコードを試してみます

 $('#t1').click(function(){
  froth();
  });

いいえ、うまくいきません。

しかし

HTMLドキュメントに移動してこれを行います

<div id="t1" onclick="froth()">Test</div>

そしてそれは完全に機能します。

だから私の質問は、ここで何が間違っているのですか? HTMLドキュメントでは機能し、jqueryでクリック可能にしようとすると機能しないのはなぜですか?

Answer 1

主な問題は、残りの DOM が読み込まれた後にクリック イベントをバインドする必要があることです。

$(document).ready(function() {
    $('#t1').on('click', function(){
        froth();
    });
});

ここで実際の例を見ることができます

Answer 2

$(document).on('click', '#t1', function() { 
 froth();
});