Question

我创建了一个函数来记住表格单元格的调整大小和高度。在返回页面时，jquery将此调整大小应用于所有单元格。我怎样才能将其应用于最初调整大小的td？

您将在演示中看到，如果您调整单元格并重新加载，则宽度和高度将应用于所有单元格。

    $(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);
        }
    });
 });

Answer 1

我在这个jsFiddle中添加了一个答案 JSFIDDLE - EXAMPLE

您需要另外两个cookies来记住上次调整大小row的{{1}}和column次。页面加载后，我们会cell获得cell并应用[row, col]和width。

我在这里为行height和width应用了column。请注意，如果您更改一个height的行height，整行高度将会增加。 这是预期的表行为。

这只会记住最后一个单元格属性。如果要逐个记住所有单元属性，则需要使用另一种机制，如cell，支持数组。

可调整大小的jQuery函数用cookie记住宽度，但适用于所有单元格

1 个答案: