简化查询:可订购连接列表

时间:2017-04-21 14:55:43

标签: javascript jquery

是否可以通过JSON stringify将localStorage / session storage / cookie存储功能添加到已连接的列表中?

在单个列表中使用浏览器存储来获取列表订单数据似乎相对容易,但在使用连接列表时,我无处可找到如何在本地存储订单信息的示例。

<!-- Javascript -->
    <script>
    $(function () {
        $("#items1,#items2,#items3").sortable({
            connectWith: "#items1,#items2,#items3",
            start: function (event, ui) {
                ui.item.toggleClass("highlight");
            },
            stop: function (event, ui) {
                ui.item.toggleClass("highlight");
            }
        });
        $("#items1,#items2,#items3").disableSelection();
    });
    </script>

    <!-- HTML -->
    <ul id="items1" class="items">
        <li class="list">Item 1-1</li>
        <li class="list">Item 1-2</li>
        <li class="list">Item 1-3</li>
        <li class="list">Item 1-4</li>
        <li class="list">Item 1-5</li>
        <li class="list">Item 1-6</li>    
    </ul>
    <ul id="items2" class="items">
        <li class="list g">Item 2-1</li>
        <li class="list g">Item 2-2</li>
        <li class="list g">Item 2-3</li>
        <li class="list g">Item 2-4</li>
        <li class="list g">Item 2-5</li>
        <li class="list g">Item 2-6</li>    
    </ul>
    <ul id="items3" class="items">
        <li class="list o">Item 3-1</li>
        <li class="list o">Item 3-2</li>
        <li class="list o">Item 3-3</li>
        <li class="list o">Item 3-4</li>
        <li class="list o">Item 3-5</li>
        <li class="list o">Item 3-6</li>    
    </ul>

0 个答案:

没有答案