Почему не работает?, я не врубаюсь?

Question

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

var classname = 'emptySpace';  // задали переменную и присвоили 'emptySpace'

$('.bigsize').on('click', function() {              //     по нажатию на элемент с class="bigsize"
	classname = 'emptySpace2';       //     переменной присвоется новое значение правильно ? 
	});

Не пойму почему не работает , потом я использую эту переменную в "Sortable"
$(function() {
$('.all-blocks').sortable({
placeholder: classname,
containment:'parent',
items: '.blocks',
grid: [10,10]
});

});

Comments

[Alexander]

нУ да.

[lega]

Что не работает?

[DevMan]

lega: код в песочницу. иначе только можно тупо гадать: ошибка вообще может быть в другом месте.

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

DevMan: codepen.io/vctr477/pen/gLJbEe

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

DevMan: Но у меня не получается туда подключить jquery-ui.min.js чтобы работала .sortable()

[DevMan]

Виктор Климов: https://jsfiddle.net/eqtxbdbs/ подключил.
как репродюснуть ошибку?

Answer 1

[_ _]

Потому что вы ждете, что при изменении classname он магическим образом передастся в .sortable, в то время как при вызове .sortable текущее на момент вызова значение classname (emptySpace) используется для инициализации параметра, а потом хоть закликайтесь.

Comments

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

Напишите как сделать правильно , я только начал изучать , не врубаюсь совсем

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

Получается мне нужно внутри .sortable() делать if else ?

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

Или сначала проверять нажата ли checkbox , запускать .sortable() если тру?