Question

我正在使用来自interface.eyecon.ro/docs/resizable的jQuery resizable来获取我正在处理的页面上的菜单。我需要设置一个cookie（plugins.jquery.com/project/Cookie）来存储菜单div的高度，这样div就不会在每次重新加载页面时调整为原来的css高度。

我一直在尝试调整http://www.shopdev.co.uk/blog/text-resizing-with-jquery/#comment-1044中的代码（我知道代码中有一些错误，但我已经有了这个例子可以工作了）一段时间了但是我无法得到它工作。

我的代码看起来像这样没有cookie的东西：

$(document).ready(function() {
    $('#resizeMe').Resizable( {
        maxHeight: 600,
        minHeight: 24,
        handlers: {
            s: '#resizeS'
        },
        onResize: function(size) {
            $('#content_two', this).css('height', size.height - 6 + 'px');
            $('#content').css('padding-top', size.height + 44 + 'px');
        }
    });
});

这是我第一次使用stackoverflow，我希望我在这里看到的所有好答案也会出现在这个问题上：）

由于

Answer 1

您可以尝试这样的事情：

$(document).ready(function() {

    var cookieName = 'divHeight';

    //On document ready, if we find height from our cookie, 
    //we set the div to this height.
    var height = $.cookie(cookieName);   
    if(height != null)
        $('#resizeMe').css('height', height + 'px');


    $('#resizeMe').Resizable( {
        maxHeight: 600,
        minHeight: 24,
        handlers: {
                s: '#resizeS'
        },
        onResize: function(size) {
                $('#content_two', this).css('height', size.height - 6 + 'px');
                $('#content').css('padding-top', size.height + 44 + 'px');
                //I am assuming that onResize is triggered when user has finished resizing the DIV. If yes, you can store this div height in the cookie. 
                $.cookie(cookieName, size.height);
        }
    });
});

从jQuery可调整大小的cookie中保存div高度

1 个答案: