调整主要内容的大小并自动左侧导航

时间:2014-09-12 08:13:44

标签: jquery

我正在尝试实现主要内容的大小调整功能并从现有应用程序自动离开导航..我已经复制了他们的html和js / css的...但是在尝试渲染时我得到了这个问题..任何想法?< / p>

我的代码如下,我收到错误,

$("#history").css("left",$("#header-item-history").position().left-80);

错误是,

未捕获的TypeError:无法读取未定义的属性“left”

function resizeHandler() {

$("#history").css("left",$("#header-item-history").position().left-80);

$("#history").css("height","auto");
if($("#history").height()>($(document).height()-100)) {
    $("#history").css("height",$(document).height()-100);
}

$("#content").css("height",$(window).height()-50);
$("#content-scroll").css("height",$("#content-scroll").parent().height()-50);

$("#header-right").width($(document).width() - $("#header-item-history").position().left - 50);
if($("#header-right").width()<300) {
    $("#header-logged-in-name").css("display","none");
} else {
    $("#header-logged-in-name").css("display","inline-block");
}

/* PROCESS BOX POSITIONING */
$(".process-wrapper").each(function() {
    $(this).css("width",$(this).parent().width()-0);
});

// find best fit for width
var processWrapperWidth = $(".process-wrapper").parent().width();
if(processWrapperWidth<1200) {
    processBoxesVisible = 3;
} else if(processWrapperWidth<1500) {
    processBoxesVisible = 4;
} else if(processWrapperWidth>=1500) {
    processBoxesVisible = 5;
}
processWidth = ($(".process-wrapper").width()/processBoxesVisible)-3;
$(".process").css("width",processWidth);

$(".process-scroll").css("margin-left",0-((processWidth+5) * (processPosition - 1)));

pushEnoughBoxesToFitWidth();

updateProcessBoxTracker();

/***************************/

contentScroll.reinitialise();

}

0 个答案:

没有答案