Любезно увидеть эту скрипку: http://jsfiddle.net/hvncN/ Это скрипку реализует простой перетаскивания список и работает нормально.Перетаскивание работает в Интернете, но не локально?
А также, когда я запускаю тот же код с помощью Wamp Server localhost, он работает нормально. Но так или иначе, когда я пытаюсь сделать это локально на своем ноутбуке (без wamp server), я не могу этого сделать.
Итак, вот код:
<HTML>
<HEAD>
</HEAD>
<BODY>
<section id="demos">
<h1>Demos</h1>
<style>
#demos section {
overflow: hidden;
}
.sortable {
width: 310px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.sortable.grid {
overflow: hidden;
}
.sortable li {
list-style: none;
border: 1px solid #CCC;
background: #F6F6F6;
color: #1C94C4;
margin: 5px;
padding: 5px;
height: 22px;
}
.sortable.grid li {
line-height: 80px;
float: left;
width: 80px;
height: 80px;
text-align: center;
}
.handle {
cursor: move;
}
.sortable.connected {
width: 200px;
min-height: 100px;
float: left;
}
li.disabled {
opacity: 0.5;
}
li.highlight {
background: #FEE25F;
}
li.sortable-placeholder {
border: 1px dashed #CCC;
background: none;
}
</style>
<section>
<h1>Sortable List</h1>
<ul id="sortable1" class="sortable list">
<li draggable="true" class style="display: list-item;">Item 1
<li draggable="true" class style="display: list-item;">Item 2
<li draggable="true">Item 3
<li draggable="true">Item 4
<li draggable="true">Item 5
<li draggable="true">Item 6
</ul>
</section>
</section>
<script src="/html5sortable/jquery-1.7.1.min.js"></script>
<script src="/html5sortable/jquery.sortable.js"></script>
<script>
$(function() {
$('#sortable1, #sortable2').sortable();
$('#sortable3').sortable({
items: ':not(.disabled)'
});
$('#sortable-with-handles').sortable({
handle: '.handle'
});
$('#sortable4, #sortable5').sortable({
connectWith: '.connected'
});
});
</script>
</BODY>
</HTML>
А вот ошибка в журнале консоли:
Failed to load resource file:///C:/html5sortable/jquery-1.7.1.min.js
Failed to load resource file:///C:/html5sortable/jquery.sortable.js
Uncaught ReferenceError: $ is not defined
Почему код работает должным образом на Fiddle и WAMP сервер но не при открытии Отдельно как file:///C:/wamp/www/test.html
Я хочу, чтобы это было возможно чтобы работать полностью в автономном режиме, без Wamp Server, потому что позже я положу все эти файлы в одно из Hybrid Android App, которое должно работать в автономном режиме. Что я делаю, чтобы работать в автономном режиме?
Файлы jquery находятся в соответствующем каталоге? Проконтролируйте свою консоль на наличие таких ошибок. –
Вам не хватает jQuery UI 1.8.18? – HICURIN
@ hanish.kh Пожалуйста, просмотрите отредактированный вопрос. – coder