JQuery

РЕШЕНИЕ NoModificationAllowedError: Modifications are not allowed for this document Ошибка - JQuery

проблема возникает в Firefox (как минимум) при использовании такого кода, при попытке решить задачу c drug & drop:

function activeDragable(key){
	$(key).on("dragend", function(event) {
		event.preventDefault();  
		event.stopPropagation();
		event.originalEvent.dataTransfer.setData('Text/html', event.target.class); // здесь сообщение об ошибке
	});
}

Решение

JQuery Плавно скрыть [удалить] элемент - одновременно уменьшая высоты и прозрачность до нуля - animate к 0 - без схлопывания

Вот такой плавно и одновременно с высотой уменьшит прозрачность блока до нуля, а затем и вовсем удалит блок из DOM:

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

Данный код решает проблему, указанную здесь.

Можно также плавно менять и ширину:

Пример установки виртуального параметра data (нестандартного атрибута) и его использования в JQuery

вот такой вот пример:

            $('#red_block_recall_pagination').data('order', order); // устанавливаем виртуальное значение
                        
            loadRecalls({
                url: $(this).attr('href'), 
                order: $('#red_block_recall_pagination').data('order') // используем его
            }); 

Pages

Subscribe to RSS - JQuery