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 回答