a(this).data("draggable") is undefined

[satels]

This code does not work

<script type="text/javascript">
$(function () {

	$(".task").draggable({
		connectToSortable: "#tasks_list"
	});

	$(".tasks_list").sortable({});

});
</script>


<ul class="tasks_list">
	<li>
		<div class="task">Task 1</div>
	</li>
	<li>
		<div class="task">Task 2</div>
	</li>
	<li>
		<div class="task">Task 3</div>
	</li>
</ul>

How to fix this error?

a(this).data("draggable") is undefined

[satels]

Sorry,

<script type="text/javascript">
$(function () {

	$(".task").draggable({
		connectToSortable: ".tasks_list"
	});

	$(".tasks_list").sortable({});

});
</script>

<ul class="tasks_list">
	<li>
		<div class="task">Task 1</div>
	</li>
	<li>
		<div class="task">Task 2</div>
	</li>
	<li>
		<div class="task">Task 3</div>
	</li>
</ul>

[satels]

Actual

[Jörn Zaefferer]

That doesn't make sense. Why would you make items in a sortable also draggable?

[mikesherov]

Thanks for contributing, however this is not a bug. Draggable and Sortable are not intended to be used on the same set of elements. For valid uses of connecting draggables to sortables, see here: ​http://jqueryui.com/draggable/#sortable