невозможно вызвать функцию jquery при событии Click

Question

У меня есть div, где я запускаю цикл for. Создает нижеследующие divs в зависимости от количества строк в полях.

<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 в для-каждого контура т.е. создания нескольких дивы же, как это с различным содержанием на нем.

Теперь я пытаюсь вызвать функцию jquery, если пользователи нажимают на любую кнопку, находящуюся в div. Я попробовал функцию ниже, но моя функция не звонит. Пожалуйста, помогите мне, почему в связи с этой проблемой.

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

И одна вещи, отд-х создаются динамически, если я пишу выше яваскрипт кода только после того, как мой обмена на каждый цикл, то моя функция вызывалась. Неправильно использовать javascript-функцию в контроллере. Я использую рамки COdeigniter. Plase помочь мне, я должен указать эту функцию как в голове или теле

Answer 1

Если DIV-х создаются динамически, их называют как

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

Answer 2

Оберните функцию в корпус, чтобы убедиться, что он запускается на выполнение после того, как ваш DOM полностью загружен так:

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

EDIT: Вы загружаете этот контент из AJAX? В этом случае вам нужно использовать функцию .on(), чтобы убедиться, что новые элементы dom получают события, синтаксис somethign следующим образом: $ (document) .on (события, селектор, данные, обработчик); -> api.jquery.com/on

EDIT 2: Тот же ответ, как tymeJV