Почему скрипт jQuery не устанавливает ширину элемента?

Question

Джеймс здесь.Я работаю над сайтом, на котором я хочу иметь одинаковое количество постов независимо от разрешения экрана.Я пытаюсь использовать этот скрипт, но он не работает.Он ДОЛЖЕН получить ширину страницы документа, вычесть 400px, разделить это число на 4, а затем установить CSS элемента .entry в это математическое уравнение.Может кто-нибудь помочь мне понять, что не так?Я новичок в jQuery, поэтому удивительно, что я смог даже зайти так далеко.

РЕДАКТИРОВАТЬ: Я решил свою проблему с помощью этого кода в конце:

$(function() {
            var cwidth = $(document).width() - 100;
            var pwidth = cwidth - 150;
            var ewidth = (pwidth - 150)/5;
            $("#container").css("width", cwidth);
                $("#posts").css("width", pwidth);
                $(".entry").css("width", ewidth);
                $(".photo").css("width", ewidth);
});

Так что спасибовсе немало для помощи.Однако я столкнулся с еще несколькими проблемами.По какой-то причине, даже если скрипт делится на 5, в строке только 4 сообщения, и сообщения переполняются из div, в котором они находятся. Пример: http://jamescharless.tumblr.com/ - я думаю, что это потому, что записи divВ CSS не задана ширина, так как она добавлена ​​с помощью jQuery.Кто-нибудь знает, как это исправить?Кроме того, я попытался реализовать кладку Дэвида Десандро, и это просто испортило всю страницу.Я думаю, это также потому, что div #posts и div .entry не получают ширину через CSS.Кто-нибудь может мне помочь с любой из этих проблем?

Answer 1

Вам нужно сделать:

$(document).width()

Не

$("document").width()

Рабочая JSFiddle: http://jsfiddle.net/WsZry/

$(function() {
    width = ($(document).width()-400)/4;
    $(".entry").css("width", width);
})​;

Поскольку document не является элементом HTML, это свойство JavaScript.

Answer 2

попробуйте удалить кавычки вокруг документа.попробуйте ниже код

    $(function() {
       var width = ($(document).width() - 400)/4;
       $(".entry").css("width", width);
    })

Answer 3

Вы указали document внутри двойных кавычек $("document")

$(function() {
    var width = ($(document).width() - 400)/4;
    $(".entry").css("width", width);
});