removeSmoothly

JQuery - удаление строки таблицы при клике по элементу (после Ajax-запроса на удаление и БД) -- пример кода

При кода удаления фрагмента страницы с отправкой Ajax запроса на удаление данных из БД:

$(function() { // после загрузки страницы

    init(); 
    
});

function init()
{
    
    $(document).on("click", 'button.romove-ticket',
        function() { // к какому элементу привязывать отправку
        
        if (confirm('Вы уверены, что хотите удалить данную заявку?')) {
            // элемент имеет атрибут data-tiket-id="n", 
            // где n - ключ удаляемой из базы записи
            var controlId = $(this).data('ticket-id'); 

JQuery Создание простого плагина плавное исчезновение блока без схлопывания (removeSmoothly) - новой функции, пример кода

После подключения самого JQuery достаточно написать:


/**
 * Плавно удалит блок
 */
$.fn.removeSmoothly = function() {
    this.stop().animate({
            height: "0px", // высоту к нулю
            width: "0px", // высоту к нулю
            opacity: 0, // прозрачность к нулю
        }, 600, function() {
            $(this).remove(); // удаляем из DOM (если требуется, если же нет, то "закомментируйте" эту строку)
        }
    );
};

Далее функцию можно вызвать на JQuery-объекте, созданном из элемента страницы, например:

Subscribe to RSS - removeSmoothly