JQuery добавить к текущей ширине - PullRequest
4 голосов
/ 14 октября 2010

Мне нужен этот код, чтобы, если присутствует #vid, добавить 855px к его текущей ширине.Если нет, то ничего не должно делать.Я не уверен, как заставить jQuery добавить к уже существующему номеру, но я уверен, что это довольно просто.Вот код, который у меня есть:

if ($("#vid").length) {
            $("#img-container").width(+=855),
        } else {
            return false;
        }
});

Ответы [ 7 ]

21 голосов
/ 14 октября 2010

Методы jQuerys не поддерживают синтаксис += (только исключение: css strings), вам нужно написать:

$("#img-container").width($("#img-container").width() + 855)

или

$("#img-container").css("width", "+=855");
9 голосов
/ 14 октября 2010

Вы можете попробовать это:

if ($("#vid").length)
{
    $("#img-container").width($("#img-container").width() + 855);
}
2 голосов
/ 24 апреля 2014

Просто чтобы завершить это, потому что я нашел только частично решение моей проблемы здесь. Остальное разобрался сам. Если вы хотите увеличить значение CSS по-разному, выполните

    var makeBigger=855;
    $("#img-container").css("width", "+="+makeBigger);
2 голосов
/ 14 октября 2010

Просто еще один вариант:

Если вы хотите оживить его

$("#img-container").animate({width: "+=855px"});
2 голосов
/ 14 октября 2010

Если #vid присутствует? Вы имеете в виду, если это показывает? В любом случае, вы должны поставить +=855 в кавычки, подобные этому "+=855px", и попробовать css следующим образом:

if ($("#vid").css("display") != "none") {
            $("#img-container").css("width", "+=855px");
            return false;
        } else {
            return false;
        }
});

ТАКЖЕ вы должны добавить «px».

2 голосов
/ 14 октября 2010
if ($("#vid").length) 
{
    var currentWidth = $("#img-container").width();
    $("#img-container").css('width', currentWidth +855);
}
else 
{
    return false;
}
0 голосов
/ 14 октября 2010
if ($("#vid").length) {
            var vid = $("#img-container");
            vid.width(vid.width() + 855);
        } else {
            return false;
        }
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...