Q&A
うまく動くもの。
HTML
1<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 2 3これは「項目」をドラッグ・アンド・ドロップするとソートできます。 4<ul id="jquery-ui-sortable"> 5 <li class="ui-state-default">項目 1</li> 6 <li class="ui-state-default">項目 2</li> 7 <li class="ui-state-default">項目 3</li> 8 <li class="ui-state-default">項目 4</li> 9 <li class="ui-state-default">項目 5</li> 10 <li class="ui-state-default">項目 6</li> 11 <li class="ui-state-default">項目 7</li> 12</ul> 13
javascript
1$(function() { 2 $( '#jquery-ui-sortable' ) . sortable(); 3 $( '#jquery-ui-sortable' ) . disableSelection(); 4}); 5 6
うまく動かないもの。
HTML
1<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 2これは「項目」をドラッグ・アンド・ドロップするとソートできます。 3<div> 4</div> 5
javascript
1$(function() { 2 $('#jquery-ui-sortable').sortable(); 3 $('#jquery-ui-sortable').disableSelection(); 4 5 var html = ''; 6 7 html += '<ul id="jquery-ui-sortable">'; 8 html += ' <li class="ui-state-default">項目 1</li>'; 9 html += ' <li class="ui-state-default">項目 2</li>'; 10 html += ' <li class="ui-state-default">項目 3</li>'; 11 html += ' <li class="ui-state-default">項目 4</li>'; 12 html += ' <li class="ui-state-default">項目 5</li>'; 13 html += ' <li class="ui-state-default">項目 6</li>'; 14 html += ' <li class="ui-state-default">項目 7</li>'; 15 html += '</ul>'; 16 17 $('div').html(html); 18 19}); 20
うまく動かないものを、うまく動く（ドラッグ・アンド・ドロップで選択肢が移動する）ようにできないでしょうか？
よろしくお願いいたします。
回答の取得に失敗しました
