クリック時の動作がJaveryでない

Question

#wrapperという名前のdivがあります。それの隣にはボタンがあります。ボタンをクリックすると、ajax呼び出しがトリガーされ、.calendarDateというクラスのdivのリストが返されます。すべてがうまくいく、#wrapperはうまく取り込まれます。

今、その.calendarDateクラスでクリックイベントを発生させようとしていますが、動作していません。奇妙な部分は、そのクラスに適用するCSSプロパティが適切に動作していることです。誰かがその奇妙な行動を認めてくれることを願っています。彼の方法では、私のデバッガにエラーはありません。あなたの返信を先にありがとう。乾杯。マルク・

私のPHP：作業偉大

Here i set my variables... 

while($input<$inDays){ 
    ++$input; 
    $test=$input." days"; 
    if($input<0){$attribut='"avant"';}else{$attribut='"apres"';} 
    echo '<div class="calendarDate" indiDate=' .$attribut. '>' .date('Y-m-d', strtotime($test)). '</div>'; 
} 

マイJS：

$(document).ready(function() { 
$('#wrapper').load('php/calendar2.php'); 
$('.calendarDate').click(function(){ 
     alert('Whaou!'); 
    }); 
}); 

マイHTML：

<div id="wrapper"></div> 
     <input id="envoyer" type="submit" multiplicateur="1"> 

Answer 1

clickイベントが存在する前にcalendarDateクラスにバインドしているようです。かかわらず、彼らは準備ができていないか、ドキュメントに存在するかどうかの、calendarDateのクラスを持つすべての要素にクリックイベントハンドラを起動すること

$(document).on("click", ".calendarDate", function() { 
    // etc 
} 

...代わりにイベントハンドラをバインドするために、これを使用してみてください。

Answer 2

問題の可能性の高い原因（なし確認することはできませんコードを参照）は、ページが読み込まれたときにクリックイベントをバインドしようとしているため、.calendarDate要素が存在しません。 .calendarDate要素のクリックイベントをに追加してからの後にページに.calendarDate要素を追加してください。

Answer 3

エラーを確認するためにコードを確認することなく、私が言うことができます。動的に生成される要素がある場合は.bind（）を.live（）に置き換えてみてください。

Answer 4

クリックイベントをclickにバインドします。代わりにdelegateまたはonを使用してください。あなたはjQueryの< 1.7を使用している場合は、.delegate()を使用する必要があります。

$('#wrapper').delegate('.calendarDate', 'click', function() { 
    // this should work 
}); 

あなたが.on()を使用する必要があります1.7以上のjQueryを使用している場合：

$('#wrapper').on('click', '.calendarDate', function() { 
    // this should work 
}); 

Answer 5

ドキュメント準備にイベントをバインドする際の要素が存在してdoesntの？ ajax呼び出しが成功してdomにマークアップを挿入した後に.calendardateにclickイベントをバインドするか、.clickの代わりに.liveまたは.delegateを使用する必要があります。