Question

我正在创建一个具有设置布局的网站，但是一个元素通过.animate()扩展到该特定网页的特定宽度。

这是静态的，所以如果我知道我来自哪个页面。然而，如果订单发生变化，那么元素的宽度就不再相应。

我需要的是一种识别我来自哪个页面的方法，然后将当前页面上div的宽度设置为上一页上div的宽度。然后将宽度更改为所需的宽度，以便创建平滑过渡。

这都在同一个网站内，但每页不同的html文档。

示例

$(document).ready(function(){
    var WidthDivPrev    =   get width div page from user came
    $("#currentdiv").css({
            "width": "WidthDivPrev", 
    });

    $( "#currentdiv" ).animate({
           width:"800px",
    }, 1500 );  
});

这段代码是我无法弄清楚的

var WidthDivPrev = [从用户那里获取宽度div页面]

或者甚至

var IDpage = [来自哪个用户的网页]

即使你可以做到最后，我也可以使用if函数来获取CSS的宽度

Answer 1

将当前页面的宽度保存在 sessionStorage

中

if (sessionStorage.divWidth)
{
    //page came from some page of your site
    $("#currentdiv").css({
        "width": sessionStorage.divWidth+"px" //set the current divWidth equal to previous pages divWidth
    });

    $("#currentdiv").animate({
        "width": "800px"
    }, 1500);  
}
else
{
    sessionStorage.divWidth = "800"; // set the session variable for the next page
}

希望它有所帮助.. !!

Answer 2

会话存储也是一种更好的方式，但这是另一种方法

在主页面中设置一个变量，用于设置所选div的宽度，然后在所需页面加载时设置其值，以设置div的宽度。

//主页或公共页面中的代码

var widthOfDiv = '';

在第一页中设置它的值

widthOfDiv = $（＆＃34; #currentdiv＆＃34;）。width（）;

在第二页

中访问此值

$("#newdiv").width(widthOfDiv);

识别上一页的div宽度

2 个答案: