Question

I’m appending values into a div through jQuery, but I’ve realized what gets appended isn’t affected by my javascript functions.

$(".div").append("<input type='text' class='textForm' placement='Value' />");

What I have setup in my javascript code is that it takes the attribute placement of any class “textForm” and makes it a value. But I’ve realized that once a value is appended, it isn’t effected by my javascript. Any ideas on how to fix this issue?

Answer 1

I guess you have some events bounded to some elements like which are not working after the append . something like this.

$(function(){
    $(".someClass").click(function(){
       //dome some thing
    });
});

If you want the same functionality to work on the newly injected( dynamically added via append /jquery ajax etc…) DOM elements, you should consider using jquery on. So your code should be changed like this

$(function(){
    $(document).on("click",".someClass",function(){
       //dome some thing
    });
});

on will work for current and future elements