чтобы не отвязывалось событие

[kpoxo6op]

у меня есть участок в начале js-файла:

$('ul').nestedSortable({
	disableNesting: 'no-nest',
	forcePlaceholderSize: true,
	forceHelperSize: true,
	handle: 'div',
	helper:	'clone',
	items: 'li',
	maxLevels: 0,
	opacity: .6,
	placeholder: 'placeholder',
	revert: 250,
	tabSize: 25,
	tolerance: 'pointer',
	toleranceElement: '> div'
});

, что привязывает плагин nestedSortable к неупорядоченным спискам.

Затем я загружаю другое дерево на место старого:

$('#tree').empty().load('operations/get_tree.php');

после чего привязка плагина пропадает. Как сделать, чтобы не пропадала?

[walik]

еще раз его привязать:

$('#tree').empty().load('operations/get_tree.php');
$('ul').nestedSortable({
// ...
});

[kpoxo6op]

$('#tree').empty().load('operations/get_tree.php');
$('ul').nestedSortable({
// ...
});

я это сразу попробовал, не работает

[walik]

А ну да забыл, надо в callback привязывать:

$('#tree').empty().load('operations/get_tree.php', function() {
    $('ul').nestedSortable({
    // ...
    });
});

[kpoxo6op]

Большое спасибо. А вот я сам дошёл. Это быдлокод или нет?:

var initNestedSortable = (function() {
		
		$('ul').nestedSortable({
			disableNesting: 'no-nest',
			forcePlaceholderSize: true,
			forceHelperSize: true,
			handle: 'div',
			helper:	'clone',
			items: 'li',
			maxLevels: 0,
			opacity: .6,
			placeholder: 'placeholder',
			revert: 250,
			tabSize: 25,
			tolerance: 'pointer',
			toleranceElement: '> div'
		});
			
	});

$('#tree').empty().load('operations/get_tree.php', function() {
	initNestedSortable();
});

[walik]

Тогда уж так:

$('#tree').empty().load('operations/get_tree.php', initNestedSortable);

[kpoxo6op]

какая красота