Есть страница, куда с помощью ajax
запроса вставляются данные. Вот кусочек кода:
foreach ($sql_object as $ps){ $i++; ?>
<div id="<?= $i?>" class="getApiId">...</div>}
Сначала вывожу список циклом. После этого, по нажатию на блок, беру у блока data-api
$('.getApiId').on('click', function() { //Показать поставщика
var url = '...';
var api_id = $(this).attr('data-api');
var data = {...};
async_query(url,data);
});
function async_query(url,data) {
$.ajax({
url:url,
type:'POST',
data:data,
dataType: 'html',
success: function(html){
if(this_show != 0)
{
$('...').html(html).show();
}
}
});
}
Проблема в том что код зацикливается, т.е. когда выбираю элемент из списка первый раз, то все норм, а когда второй, третий раз... Получаю кучу событий нажатий на кнопку, которые увеличиваются в два раза каждый раз. Подскажите, пожалуйста, в чем проблема?