Помогите настроить и подключить sortable.js

235
12 декабря 2016, 10:10

Здравствуйте, у меня очень простой вопрос: подскажите пожалуйста как правильно настроить и подключить sortable.js, используя jQuery.

  • Какие файлы необходимо залинковать
  • Как правильно использовать (jquery use)

Сделав так как показано в example:

-подключил скрипт <script src="//cdn.jsdelivr.net/sortable/latest/Sortable.min.js"></script>

-html

<ul class="sort_cont">
    <li><a href="#m1">one</a></li>
    <li><a href="#m2">two</a></li>
    <li><a href="#m3">three</a></li>
</ul>

-jquery

$(document).ready(function () {
    var el = $(".sort_cont");
    var sortable = new Sortable(el);
});

В итоге не работает. Что я делаю не так?

Answer 1

Конечно не работает, ведь Sortable работает с DOM элементом, а не jQuery-коллекцией:

<ul id="list" class="sort_cont">
    <li><a href="#m1">one</a></li>
    <li><a href="#m2">two</a></li>
    <li><a href="#m3">three</a></li>
</ul>
<script>
   Sortable.create(list);
</script>

Если хотите использовать с jQuery, то:

git clone git@github.com:RubaXa/Sortable.git
cd Sortable
npm install
grunt jquery:min

В итоге получите файл jquery.fn.sortable.min.js, который можно использовать вместе с jQuery:

$(document).ready(function () {
    $(".sort_cont").sortable({ /* options */ });
});
READ ALSO
Обернуть Javascript в Jquery
jQuery

Обернуть Javascript в Jquery

Помогите завернуть это в $("body")on, т

 189
Рекурсия дерева
jQuery

Рекурсия дерева

Доброго времени!

 266
Передать в переменную js значения поля
jQuery

Передать в переменную js значения поля

http://jsfiddlenet/t6yanva0/

 231
Как получить значение jquery в выбранном блоке?
jQuery

Как получить значение jquery в выбранном блоке?

Ребят, всем приветЕсть такая верстка:

 195