jquery onclick not working for dyanamically added div id

Question

I am working with java and js. Query is I am adding div dynamically from java code and it is getting displayed on the jsp but I want onclick event on that div id. And its not working

tried this:

   $("#moreoption" ).on( "click", function() {
               alert( "Goodbye!" ); // jQuery 1.3+
             });

//added class instead of id and in a href

   $(".moreoption" ).on( "click",'a', function() {
               alert( "Goodbye!" ); // jQuery 1.3+
             });


$("#dd" ).live( "click", function() {
           alert( "Goodbye!" ); // jQuery 1.3+
         });

Please help.

Can't you make a function call inline from the dynamically created div, itself. onclick="javascript:someFunction();" — tariq, Jun 30 '15 at 05:43

score 1 · Accepted Answer · answered Jun 30 '15 at 05:42

1

$(document.body).on("click","#dd",function(){
alert( "Goodbye!" );
})

answered Jun 30 '15 at 05:42

Muhammad Atif

36
1

score -1 · Answer 2 · answered Jun 30 '15 at 05:39

-1

Delegate with a parent container such as document

$(document).on("click", "#moreoption", function() {
    alert("Goodbye!"); // jQuery 1.3+
});

answered Jun 30 '15 at 05:39

AmmarCSE

29,061
5
39
52

jquery onclick not working for dyanamically added div id

2 Answers2