无法在Click事件上调用jquery函数

Question

我有一个div我正在运行for循环.这是根据字段中的行数创建以下div.

<div class="parent">
                <p style=" font-family: Times New Roman;color:#a0a0a0; ">
                        Content 1 goes here.........
                </p>
                <div class="child">
                        <span> <a class="likebtn">Like</a> </span>1 people like this     
                </div>
            <hr/>
 </div> 

上面显示的div位于for-each循环中,即创建多个具有相同内容的div,其上包含不同的内容.

现在我试图调用我的jquery函数,如果用户点击任何类似按钮驻留在div中.我尝试了以下功能,但我的功能没有接到电话.请帮帮我,为什么这个问题.

<script type="text/javascript">         
        $('.parent .child .likebtn').click(function(e)
        { 
            alert("function called");
        });
</script>

有一件事,div是动态创建的,如果我在for-each循环之后编写上面的javascript代码,那么我的函数就会被调用.在Controller中编写javascript函数并不是一个好习惯.我正在使用COdeigniter框架.Plase帮助我,我必须在头部或身体中指定此功能

Answer 1

如果div是动态创建的,请将它们称为

$(document).on('click', '.parent .child .likebtn', function(e)
    { 
        alert("function called");
    });