ネストされたソート可能オブジェクトに jQuery プラグインhttp://mjsarfatti.com/sandbox/nestedSortable/を使用していますが、ID に問題があります。
nestedSortable で要素の ID を設定するたびに、<li>
toArray、toHierarchy、または serialize を使用した出力が null を返すことに気付きました。
<ol class="sortable">
<li id="list1"><div>A</div>
<ol>
<li id="list2"><div>1</div></li>
<li id="list3"><div>2</div></li>
<li id="list4"><div>3</div></li>
<li id="list5"><div>4</div></li>
</ol>
</li>
<li id="list6"><div>B</div>
<ol>
<li id="list7"><div>1</div></li>
<li id="list8"><div>2</div></li>
</ol>
</li>
</ol>
<script type="text/javascript">
$(document).ready(function(){
$('.sortable').nestedSortable({
handle: 'div',
items: 'li',
toleranceElement: '> div',
update: function() {
list = $(this).nestedSortable('toHierarchy');
$("#abc").html(JSON.stringify(list));
}
});
});
</script>
<pre id="abc"></pre>
私が得る出力はです[null,null]
。これは何らかの制限ですか、それともこれを回避する方法はありますか?