私はjQueryが初めてで、内部にいくつかの入力ボタンがあるフォームを開発するこのコードを書きました。「キャンセル」ボタンがあり、クリックするとフォームが削除されます。
これが私のコードです：
$(document).ready(function(){
$(".newIdea_Button").click(function(){
if (!new_idea_clicked)
{
$(document.body).append("<form>...some buttons here, one with the id cancel_idea_input</form>")
}
});
$("#cancel_idea_input").click(function(){
$('#new_idea_form').remove();
});
});
問題は、すべてが正しいように思えますが、ブラウザ (Google Chrome または Firefox) でコードを開くと、[キャンセル] ボタンをクリックしても何も起こりません。しかし、Google Chromeのコンソール部分に2番目の機能をコピーして貼り付けると、「キャンセル」ボタンが機能します! 誰かが私のコードの何が問題なのかを理解するのを手伝ってくれませんか?