Проблема с системой "показать еще". После первого нажатия кнопка больше не срабатывает.
Код основного файла:
<div id="more-data">
Данные
<a href="javascript:;" id="more" data-limit="{$count}">Еще</a>
</div>
Код JS:
jQuery(document).ready(function($)
{
$('#more').click(function more()
{
var limit = $('#more').attr("data-limit");
$.ajax
(
{
type: "POST",
url: "test_more.php",
data: "limit=" + limit,
success: function (html) {
$('#more-data').empty();
$('#more-data').append(html);
}
}
);
});
});
Текст из test_more:
Данные
<a href="javascript:;" id="more" data-limit="{$count}">Еще</a>
Кнопку я постоянно подгружаю новую с новым счетчиком {$count}.
При первом вызове все работает нормально, но потом обработчик не срабатывает. Если код написать на чистом js, то все нормально:
<a href="javascript:;" onclick="more({$count})">Еще</a>
function more(count)
{
// тело функции
}
Есть подозрение, что после Ajax-запроса новая ссылка не входит в DOM. Как это можно исправить?
