Есть html-код:
<div class="panel-heading" data-project_id="1">
<span class="calendar glyphicon glyphicon-calendar"></span>
For Home
<div class="pull-right action-buttons">
<a class="pencil" data-method="get" data-remote="true" href="/projects/1/edit" id="project_1">
<span class="glyphicon glyphicon-pencil"></span>
</a> <a href="#" class="trash"><span class="glyphicon glyphicon-trash"></span></a>
</div>
</div>
Для обработки события click написал такой код, но он срабатывает со второго раза, в чем проблема?
$('.panel-heading').each(function(){
$(this).on("click", ".pencil", function(){
console.log("Клик!");
});
});
Шапок '.panel-heading' может быть несколько на странице.