Question

当我尝试使用ID #content获取元素的宽度时，它只返回0

奇怪的是，JSFiddle似乎工作得很好http://jsfiddle.net/4urJT/5/

 //<![CDATA[
        $(document).ready(function () {
            /*alert($('#container').width()); */
            var columnCount = 4;
            var gutter = 15;

            $('.post').width(function() {
                var calculatedColumnWidth = (((($('#content').width() - ((columnCount*gutter) - gutter)) / columnCount) / $('#content').width()) * 100)+'%';

                return calculatedColumnWidth;
            });

            $( window ).resize(function() {
                $('.post').width(function() {
                    var calculatedColumnWidth = (((($('#content').width() - ((columnCount*gutter) - gutter)) / columnCount) / $('#content').width()) * 100)+'%';
                    return calculatedColumnWidth;
                });
            });

            var container = $('#content');

            container.masonry({

                itemSelector: '.post',
                gutter: gutter,

            });     
        });
        //]]>

Answer 1

我只是想通了。我有一个CSS类.post遗留下来，填充10px和边框1px，不知何故在#content div中添加了800 + px。问题解决了。

Jquery .width（）返回0

1 个答案: