ksa, Спасибо большое, увы в тех статьях которые Вы прислали ранее нечего не говорилось о методе " $('body').on('click','.number-prev',function (){"
Вы очень помогли)
У меня правда еще вопрос, как раз к стати образовался, относительно делегирования. Вы уже и так достаточно времени на меня потратили. Попрошу Вас уделить еще немного, что бы у меня больше некогда не возникало сложностей с делегированием
У меня в корзине есть кнопки - "Удалить товар", я хочу повесить на нее анимацию загрузки. Что бы человек нажал на кнопку, и пока происходит удаление товара, вместо кнопки появилась гифвка с простенькой анимацией, вот разметка кнопки:
<button id="delete" type="button" name="btn_delet_product" onClick="truncate_product()">
<img class="active-close visible-close" src="include/img/delete.png" alt="Очистить корзину"> //эта картинка стоит по умолчанию, её делает видимой класс "visible-close", при нажатии на кнопку класс "visible-close" должен ремувиться а картинка пропадать
<img class="loader-close" src="include/img/loader-close.gif" alt="Очистить корзину"> //эта картинка по умолчанию скрыта и должна появляться при нажатии на кнопку (через add должен добавиться класс который сделает её видимой)
</button>
Скрипт у меня следующий:
function delet_product(product_id){
$('.active-close').removeClass('visible-close');// убираем класс у видимой картинки и делаем её невидимой
$('.loader-close').addClass('visible-close');// добавляем класс к невидимой картинке и делаем ее видимой
$.ajax({
type: "post",
url: "main_c/delet_product",
cache: false,
data: {'product_id':product_id},
success: function(data){
$('.active-close').addClass('visible-close');// возвращаем все назад
$("#content").load("index.php #content");// возвращаем все назад
}
});
}
Как Вы и сами увидели это не совсем правильно потому как такой скрипт будет показывать гифвку на всех кнопка удаления, а нужно только на той, на которую нажали.
Моя ситуация очень похожа на пример описанный здесь
https://learn.javascript.ru/event-delegation
Но не совсем там речь идет об одном активном элементе (ячейке таблицы), а у меня их получается 2 - картинка по умолчанию и картинка загрузки.
Я уже пару часов пытаюсь перекрутить ситуацию описанную в статье под себя, но пока не очень хорошо выходит. Если Вас не затруднит, подскажите пожалуйста как сделать правильно