2

私は順序付けられていないリスト、ソート可能なjquery uiを持っています。

  • リストにドラッグされた後。ユーザーがページを更新したとき
  • ドラッグした場所にとどまります。

    これが私の例です：

    <!DOCTYPE html>
<head>
<title>Untitled Document</title>
<script type="text/javascript"
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript"
    src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css"
    href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css"/>
</head>

<body>
<ul id="uli">
  <li id="lit1" class="ui-state-default" style="width:100px; height:100px; list-style-type:none"><div>1</div></li>

  <li id="lit2" class="ui-state-default" style="width:100px; height:100px; list-style-type:none"><div>2</div></li>

  <li id="lit3" class="ui-state-default" style="width:100px; height:100px; list-style-type:none"><div>3</div> </li>

</ul>


<script>

$(function() {
    $( "#uli" ).sortable();
    $( "#uli" ).disableSelection();
  });

</script>
</body>
</html>
    • 4

    1 に答える 1

    2

    http://api.jqueryui.com/sortable/#method-serialize

    $( "#uli" ).sortable({
  update: function( event, ui ) {
    var sorted = $( this ).sortable( "serialize", { key: "sort" } );
    localStorage['sorted'] = sorted ;
  }
});
    于 2013-04-16T11:17:20.593 に答える