Javascript appended data not working function

Question

Sorry my bad English ı append new data using ajax like this

<span class="commentbuton" id="143">Comment..</span>

and javascript is

$(function(){
    $(".commentbuton").click(function() { ...

but its not working on new appended data please help thanks.

ok thanks ı solved Do I need to delete the question? – Ahmet Hakki Aug 28 '15 at 22:34 — Ahmet Hakki, Aug 28 '15 at 22:34

score 0 · Answer 1 · answered Aug 28 '15 at 21:24

0

You need to bind the click listener after the element is inserted into the page. My guess is that you bind the click handler before the existance of ".commentbutton".

$('body').html('<div class="commentbutton"></div>')
//bind after commentbutton inserted
$(".commentbuton").click(function() { ... });

Does this help?

answered Aug 28 '15 at 21:24

Jordan Littell

121
3

$(document).on("click", '.classname',function() { ı solved like this thanks.. – Ahmet Hakki Aug 28 '15 at 22:32

Javascript appended data not working function

1 Answers1