Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

jquery - 使用 jQuery 缓存，缓存 jQuery Sortable 对象

In lại Tác giả: Walker 123 更新时间：2023-11-28 11:16:43 29 4
mua khóa gpt4 Nike

好吧，我是 jQuery 的新手。我一直在这里和那里搞乱一点点并习惯它。我终于明白了(它并不像某些人想象的那么难)。因此，鉴于此链接:http://jqueryui.com/sortable/#display-grid ，我制作了一个网格，允许用户在列表中“移动”对象。

我的问题是这样的。如何让 jQuery 保留在缓存中？我的代码示例如下。我想把它放到哪里，假设用户将 #sortable 数字“4”移动到 #sortable 数字“8”位置等。下一个页面加载时，浏览器会记住数字“4”被移动到的位置，并将其保留在那里(当然直到缓存被清除)。这样，如果用户四处移动东西，那么他们就不必在每次加载页面时都四处移动。

我一直致力于制作一个完全响应式、可拖动和可排序的 Joomla 3.2 模板，除了缓存问题之外，我已经解决了所有问题。截至目前，您可以移动模块位置，但每次重新加载页面时，您都必须再次移动它们，这变得非常乏味。

我研究了 HTML5 的 LocalStorage 方法，但不确定如何实现它。也许 jQuery 有办法处理这个问题？我要保存的CSS ID是下面CSS中的#sortable ID。

HTML 标记:





<đầu>

  

  Tesing

  

  

  

  


    

        


            


                  
  • 1


    •               
  • 2


    •               
  • 3


    •               
  • 4


    •               
  • 5


    •               
  • 6


    •               
  • 7


    •               
  • 8


    •               
  • 9


    •               
  • 10


    •               
  • 11


    •               
  • 12


    •               
  • 13


    •               
  • 14


    •               
  • 15


    •               
  • 16


    •               
  • 17


    •               
  • 18


    •
Xem sitemap của VNExpress


CSS:

thân hình {
    background: url('http://ajadmin.com/jQuery_Site/images/bgimg.jpg');
}
.container{
    width:800px;
    height:auto;
    min-height:350px;
    border:1px solid #555555;
    /*border-radius*/
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
    nền:#ffffff;
    phần đệm: 10px;
    lề:tự động;
}
.sortable{
    danh sách kiểu-kiểu: không có;
    width:90%;
    lề:tự động;
    phần đệm: 0;
}
.sortable li{
    margin:3px;
    padding:6px;
    nổi:trái;
    width:100px;
    height:90px;
    font-size:4em;
    căn chỉnh văn bản:giữa;
    border:1px solid #e7e7e7;
    background-image:linear-gradient(to top, #F2F2F2 0%, #E3E3E3 100%);
    /*border-radius*/
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
    cursor:move;
}
#sortable li:hover{
    margin:3px;
    padding:6px;
    nổi:trái;
    width:100px;
    height:90px;
    font-size:4em;
    căn chỉnh văn bản:giữa;
    border:1px dashed #fbffbf;
    background-image:linear-gradient(to top, #F5F7D4 0%, #E6E8C7 100%);
    /*border-radius*/
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
    cursor:move;
}

JS:

 $(hàm() {
    $( "#sortable" ).sortable();
    $( "#sortable" ).disableSelection();
  });

câu trả lời hay nhất 

localstorage.anyname = [ x1, y1, x2, y2, ... xn, yn ]

hoặc

localstorage.anyname = "{ el1: [x1,y1], el2: [x2,y2], ... eln: [xn,yn] }"

或使用 cookie:How do I set/unset cookie with jQuery?

关于jquery - 使用 jQuery 缓存，缓存 jQuery Sortable 对象，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21723216/

29 4 0
Đề xuất bài viết: javascript - 如何在点击时关闭当前元素
Đề xuất bài viết: javascript - 为什么我们在 Javascript 中将秒乘以 1000 来添加时间
Đề xuất bài viết: jquery - 如何在css中水平放大图像？
Đề xuất bài viết: css - 彼此相邻的 float 大元素？
Walker 123
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com