$(...).sortable is not a function как исправить??

Question

[artshelom]

Загрузку модуля присутствует, но почему-то пишет, что функция не найдена. Как исправить??

<table id="tablloci">
	<tr>
		<td colspan="2">
			<input class="nwloci" type="text" value="" placeholder="" title="">
		</td>
	</tr>
	<tr class="sortable"><td>1</td><td><input class="point" type="text" value="sad1"><span class="idpoint">1</span></td></tr>
	<tr class="sortable"><td>2</td><td><input class="point" type="text" value="sad2"><span class="idpoint">1</span></td></tr>
</table>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jquery.ui/1.10.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.3/themes/sunny/jquery-ui.css">
<script>
	$(function () {
		$('#tablloci').sortable({
			items: "td",
			placeholder: '.sortable'
		});
		$('#tablloci').disableSelection();
	});
</script>

Comments

[Ankhena]

Написать функцию sortable или подключить плагин, если имеется в виду это

[artshelom]

Ankhena, Да это. Но просто при подключении jquery и остальных библиотек, всё равно пишет ошибку не нахождения функции.

[Ankhena]

artshelom, значит нужно дать ссылку или выложить код в песочницу, в котором видно как вы всё подключаете.

[artshelom]

Ankhena, Спасибо. Спустя 20 библиотек нашел рабочую: "$.getScript("https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"),"

Answer 1

[Rsa97]

Note: In order to sort table rows, the tbody must be made sortable, not the table.

Comments

[artshelom]

Взято с этого примера. Всё сделано так же. Но пишет, все равно что функция не найдена(
В чем может быть ошибка???

<table>
	<thead>
		<tr class="ui-state-default">
			<th colspan="4">Original</th>
			<th colspan="4">table heading</th>
			<th colspan="4">table heading</th>
			<th colspan="4">table heading</th>
			<th colspan="4">table heading</th>
			<th colspan="4">Current Pos</th>
		</tr>
	</thead>
	<tbody>
		<tr class="ui-state-default">
			<th colspan="4">First Row</th>
			<td colspan="4">data</td>
			<td colspan="4">data</td>
			<td colspan="4">data</td>
			<td colspan="4">data</td>
			<td colspan="4">1</td>
		</tr>
		<tr class="ui-state-default even">
			<th colspan="4">Second Row</th>
			<td colspan="4">data</td>
			<td colspan="4">data</td>
			<td colspan="4">data</td>
			<td colspan="4">data</td>
			<td colspan="4">2</td>
		</tr>
	</tbody>
</table>


<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>

$(document).ready(function () {
		$("table tbody").sortable({
			update: function (event, ui) {
				$(this).children().each(function (index) {
					$(this).find('td').last().html(index + 1)
				});
			}
		});
		//$('#tablloci').disableSelection();
	});

[Rsa97]

artshelom, А в этом примере у вас два раза подключается jquery и не подключается jquery-ui.