django2.0とbootstrap4を使用して、簡単なtagのリストを作成中です。
jQuery のsortable関数を使用して、リストの項目を入れ替えるコードを書きたいのですが、コンソールにエラーメッセージが表示され、実現できません。
私が書いたコードは以下の通りです(必要な部分だけ記載しています)。
django
1base.html 2 3<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> 4{% block domready %} 5{% endblock %}
django
1list.html 2 3 <div class="card-body"> 4 {% for tag in tags %} 5 <ul class = "list-group order"> 6 <li class = "list-group-item"><a href="{% url 'app:tag' tag.name %}">{{ tag.name }}</a></li> 7 </ul> 8 {% endfor %} 9 </div> 10 11{% block domready %} 12<script> 13 $(function() { 14 $( '.order' ).sortable(); 15 }); 16</script> 17{% endblock %}
コンソールのエラーメッセージ
console
1jQuery.Deferred exception: $(...).sortable is not a function TypeError: $(...).sortable is not a function
現在、通常のjqueryのアニメーションを使用しないリスト表示は実現しています。
どなかた原因と解決策をご教示頂けませんでしょうか。何卒宜しくお願い致します。
補足
この質問の投稿後、以下のコードを追加することにより、タグの項目が動くようになりました。
しかし、順序を入れ替えるまでには至っていません。
base.html <script src="code.jquery.com/jquery-1.12.4.js"></script>; <script src="code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/03/30 13:27
2018/03/30 13:50
2018/03/30 14:13
2018/03/30 14:19
2018/03/30 14:20
2018/03/30 14:28