При клике по блоку он выделяется, как сделать чтобы при перемещение блока с помощью .draggable он оставался выделенным?

Question

[Виктор Климов]

// Выделения блока по клику
$('.blocks').on('click', function() {
	$(this).toggleClass('active'); //при клике добавляется/удаляется класс active
  $('.btn-del').removeAttr('disabled'); // делаем кнопку активной 
     // если ни один блок не выбран , делаем кнопку не активной
	 if ( ! $('.blocks').hasClass('active') ) {
  	$('.btn-del').attr('disabled', true);
  }
});
//Удаляем выбранный ранее блок по нажатию кнопки
$('.btn-del').on('click', function() {
	$('.blocks.active').remove();
  $(this).attr('disabled', true);
});

// В html подключил скрипт чтобы пользоваться .draggable

// перемещение элементов с помощью мыши 
$(document).ready(init);

function init(){
  $(".blocks").draggable({
//    containment:'parent',
	  cursor:'move',
		zIndex: 200
  });
}

codepen.io/vctr477/pen/VmNzEz

Как сделать чтобы при перетаскивание , не снималось выделение

Comments

[Ankhena]

Перетаскивание в примере не работает.

Может, Вам поможет это: https://goo.gl/MMdAvf
вкладка События, start:dragstart

Answer 1

[Виктор Климов]

Последняя версия
https://jsfiddle.net/ac1y5hsq/2/

Comments

[Ankhena]

И в этой версии не перетаскиваются. Ничего из скриптов не забыли подключить?

По поводу подложки: нарисовать ее отдельно нижним слоем.