2017-07-27 44 views
1

這裏有一些錯誤。我試圖使用我使用javascript創建的id,但它不起作用。我可以繼續使用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'; 
    }); 
}); 

我認爲這是可能的,但我不知道怎麼辦。 請教我正確的方法。

+4

的可能的複製[?事件綁定的動態創建的元素(https://stackoverflow.com/questions/203198/event-binding-on-dynamically-created-elements ) – Pete

回答

2

使用jquery事件驗證:因爲DOM準​​備就緒,button2 id不在那裏。因此,它可以抓住這樣的:

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

您需要在每個樣式屬性之後使用逗號,而不是分號。這會給你一個語法錯誤,否則。 –

+0

@DanEllis,謝謝你指出。 –

+0

你能接受我的答案@Jonathan Tan嗎? –

相關問題