1

我对 javascript 很陌生,并且整天都被困在这上面。我有一个脚本,它可以根据屏幕资源调整元素大小,除了我需要“如果文档上不存在元素,然后在 contentContainer.css 方法中添加一个附加值“242px””之外,这就是我到目前为止所拥有的当它不在页面上时,这个 eleemnt 占用了 sideContent 元素的空间......

            <script>

             // DOM Container Resize Handler

                 var extra = ($("body.asideContent").length == 0) ? 242 : 0;

                 var adjustStyle = function() {
                 var winWidth = $(window).width(),
                  width = parseInt(winWidth),
                  container = $('body .fixed');
               contentContainer = $('body .content');
                   if (width >= 1454) {
                        container.css('width','1454px');
                        contentContainer.css('width',extra + 1210 + "px");
                    } else if ((width < 1454) & (width >= 1212)) { 
                        container.css('width','1212px');
                        contentContainer.css('width',extra + 968 + "px");
                    } else {
                       container.css('width','970px');
                       contentContainer.css('width',extra + 726 + "px");
                    }
                };
                 $(function() {
                    var filterWrap = $("#filterWrap"),
                        offset = filterWrap.offset(),
                        topPadding = 15;

                    $(window).scroll(function() {
                        if ($(window).scrollTop() > offset.top) {
                            filterWrap.stop().animate({
                                marginTop: $(window).scrollTop() - offset.top + topPadding
                            });
                        } else {
                            filterWrap.stop().animate({
                                marginTop: 0
                            });
                        };
                    });

                    // DOM Container Resize Handler - Initialization    
                    $(window).resize(function() {
                        adjustStyle();
                    });
                    adjustStyle();
                });
            </script>

它一直在应用额外的,添加我只想在 ("body.asideContent") 不在文档中时应用它

测试html

            <html>
            <head>
            </head>
            <body>
                <div class="fixed">
                    <div id="container">
                        <div class="asideContent">&nbsp</div>
                        <div class="content">&nbsp</div>
                    </div>
                </div>
            </body>
            </html>

只是想提前说声谢谢你能给我的任何帮助......它整天让我发疯......

4

1 回答 1

1

body.asideContent表示具有类 sideContent 的主体。尝试

$("body .asideContent")

(又名,body 和 .asideContent 之间有一个空格)

于 2012-05-30T00:13:01.557 回答