私はIDを私はJavaScriptを使用して作成を続けることができますか？

Question

ここにいくつかのエラーがあります。私はjavascriptを使用して作成したIDを使用しようとしていますが、動作しません。

$('#button').on('click', function() { 
    $('#here').html('<p> thank you for clicking </p>'); 
    $('#here2').html('<input type="button" id="button2" value="click me now" />'); 
}); 
$('#button2').on('mouseover' function() { 
    $('#button2').css({ 
     'background-color':'#0FF'; 
     'width':'400px'; 
     'height':'200px'; 
    }); 
}); 

どうすればよいかわかりません。 私に正しい方法を教えてください。

Answer 1

jqueryイベントの検証を使用：DOMは準備ができていたため、button2 idは存在しませんでした。だから、次のようにキャッチすることができます[？動的に作成された要素を上の結合イベント]の

$(document).on('mouseover','#button2', function() { // See change in this line. 
    $('#button2').css({ 
     'background-color':'#0FF', 
     'width':'400px', 
     'height':'200px' 
    }); 
});