Javascript 可调整大小的jQuery函数使用cookie记住宽度,但适用于所有单元格
我创建了一个函数来记住表格单元格的调整大小宽度和高度。在我返回页面时,jquery将此调整大小应用于所有单元格。我将如何仅将其应用于最初调整大小的td 您将在演示中看到,如果调整单元格大小并重新加载,则宽度和高度将应用于所有单元格Javascript 可调整大小的jQuery函数使用cookie记住宽度,但适用于所有单元格,javascript,jquery,html,cookies,session-cookies,Javascript,Jquery,Html,Cookies,Session Cookies,我创建了一个函数来记住表格单元格的调整大小宽度和高度。在我返回页面时,jquery将此调整大小应用于所有单元格。我将如何仅将其应用于最初调整大小的td 您将在演示中看到,如果调整单元格大小并重新加载,则宽度和高度将应用于所有单元格 $(document).ready(function(){ if(typeof($.cookie('height')!='undefined')) { $("td").height($.cookie("height"));
$(document).ready(function(){
if(typeof($.cookie('height')!='undefined'))
{
$("td").height($.cookie("height"));
$("td").width($.cookie("width"));
}
$( "td" ).resizable({
stop: function(event, ui) {
var width = ui.size.width;
var height = ui.size.height;
$.cookie("height",height);
$.cookie("width",width);
}
});
});
我已经在这个jsFiddle中添加了一个答案。
您需要另外两个
cookies
来记住上次调整大小的单元格的行和列的计数。当页面加载时,我们通过[行,列]
获得单元格
,并应用宽度
和高度
在这里,我对列应用了宽度
,对行应用了高度
。请记住,如果更改一个单元格的行高度
,则整行高度将增加。这就是预定的餐桌行为
这将只记住最后一个单元格属性。
如果要逐个记住所有单元格属性,需要使用
另一种类似于localstorage
的机制,支持数组。您好,谢谢,JSfiddle与原来的一样?@TomRudge立即检查这真的很酷,干杯,更改另一个单元格会覆盖以前的Cookie width和Heights,这就是为什么我在回答中提到需要一个单元格数组来保留所有的宽度和高度值。您可以使用localstorage来实现这一点。