调整窗口大小时,JQuery更改css类和div位置

时间:2013-03-21 12:02:43

标签: jquery resize

西洛

我写了一些代码来改变css值'left'取决于窗口大小。 但是当窗口小于体宽时,我有更改类的问题。班级在新老班级之间跳跃。

JQuery的:

    $(document).ready(function() {
        $(window).resize(function() {
            var bodyWidth = $("body").css("width").replace("px","");
            var winWidth = $(window).width();
            if (bodyWidth<winWidth) {
                var left = $(".menu").css("left").replace("px","");
                $("#menus").css("left" , (winWidth - bodyWidth) / 2 + 2 + "px");
                }
            if (bodyWidth>winWidth) {
                $("#menus").toggleClass("menu popr");
            }
        }).resize();     
});

以下是使用示例:http://jsfiddle.net/Zolkovv/U2Q65/

0 个答案:

没有答案