JQuery, ajax, js
У меня небольшая проблема, которую я не могу решить. Я хочу, чтобы при щелчке по элементу (этот элемент удаляет продукт из корзины) появлялся счетчик загрузки («remove-spinner»), который исчезал, когда функция ajax завершается. До сих пор я мог заставить переменную счетчика (spn) появляться с помощью fadeIn, но она не исчезает после того, как ajax удаляет элемент из корзины, она активируется для других элементов, находящихся в корзине. Огромное спасибо!
$(document).ready(function(){
carttotalamount();
$(document).on("click", ".removecartitem", function(){
var $t = $(this);
var rurl = $t.attr("data-remove-url");
var delrowid = $t.attr("datarowid");
var qty = $t.attr("dataitemqty");
var spn = $(".remover-spinner");
$.ajax({
type: "POST",
url: rurl,
success: function(data) {
$('.'+delrowid).fadeOut(200, function(){
spn.fadeIn(100)
$('.'+delrowid).remove(spn); carttotalamount();
});
}
});
});
Спиннер в ряду? Поэтому выбирайте только тот, который находится в строке, а не все элементы
или вы можете использовать обратные вызовы до начала и завершения, чтобы добавить и удалить счетчик. Complete будет вызываться в обоих случаях, если он завершится успешно или если он не удастся
Заголовок вашего вопроса не описывает вашу проблему.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Используйте beforeSend для fadeIn и remover-spinner. И удалите его, когда файл ajax success.
beforeSend: function(){
spn.fadeIn(100)
},
success: function(data) {
$('.'+delrowid).fadeOut(200, function(){
spn.fadeOut(100)
carttotalamount();
});
}
beforeSend Type: Function( jqXHR jqXHR, PlainObject settings ) A pre-request callback function that can be used to modify the jqXHR (in jQuery 1.4.x, XMLHTTPRequest) object before it is sent. Use this to set custom headers, etc. The jqXHR and settings objects are passed as arguments. This is an Ajax Event. Returning false in the beforeSend function will cancel the request. As of jQuery 1.5, the beforeSend option will be called regardless of the type of request.
http://api.jquery.com/jquery.ajax/
Привет! Благодарю. появляется и исчезает эффективно, но когда я нажимаю на элемент один, поворотный элемент управления активируется для всех элементов, но мне нужно, чтобы поворотный элемент был активирован только на элементе, который я нажимаю
Используйте $ (this) для доступа к выбранному ".removecartitem"
для счетчика используйте события ajaxstart и ajaxstop, чтобы запустить счетчик