jQuery要素を選択しない

Question

ボタンをクリックするとボックスを作成するプログラムを実行しています。モデルボックスを隠してボタンをクリックすると、モデルボックスがクローンされ、そのIDが変更されます。

このボックスの中には、クリックするといくつかの機能が必要なリンクがありますが、jQueryはこの要素を見つけることができないようですので、リンクをクリックすると何も表示されません。

はここに私のコードです：

$('#box-' + number).find('a').click(function(){ 
    alert('boop'); //function 
}); 

変数 'number' は箱の数です。モデルボックスをクローンするとIDが変わったと私は言った。事は箱が生成される前にjQueryのDOMをロードした、ある

<div id="box-model"> 
    <div class="box"> 
     <div class="heading"> 
     <a class="link-class">¡Click Me!</a> 
     </div> 
     <div class="body"> 
     CONTENT 
     </div> 
    </div> 
</div> 

Answer 1

動的に追加された要素にイベントを添付するには、イベントの委譲を使用する必要があります。

IDは動的に生成されるため、イベント委任でセレクタとして使用することはできません。あなたは.header内のアンカー要素をターゲットに使用するクラスセレクタをretherことができます。

$('body').on('click','.heading a',function(){ 
    alert('boop'); //function 
}); 

Answer 2

$("body").find('#box-' + number).find('a').click(function(){ 
    alert('boop'); //function 
}); 

：

モデルボックスは次のようなものです。このコードが$（document）.ready（function（））にあると仮定すると、文書が準備できたらボックスは生成されません。最初に生成された "#box"の親要素に移動する必要があります（ボディでなくてもかまいません）