Почему мой простой код jQuery не работает с методом .css ()?

Question

Почему мой простой код jQuery не работает с методом .css ()?

0

У меня есть следующий простой код, но кажется, что он не работает.

jQuery(document).ready(
    function($)
    {
        $(window).resize(
            function()
            {
                setGrid($);
            }
        );

        setGrid($);
    }
);

function setGrid($)
{
    var contactContainer    =   $('#contactInfo');

    if(contactContainer.width() < 650)
    {
        console.log('Too short');
        $('.col_1_2').css(
            {
                width     :   '100% !important',
                margin    :   '0 !important'
            }
        );
    }
    else
    {
        console.log('Too long');

        $('.col_1_2').css(
            {
                width       :   '49% !important',
                marginRight :   '1% !important'
            }
        );

        $('.last').css(
            {
                width       :   '49% !important',
                marginRight :   '0 !important',
                marginLeft  :   '1% !important'
            }
        );
    }
}

Поэтому, когда я изменяю размер окна, я получаю оба сообщения в моей консоли Chrome в соответствии С#containerInfo, но.col_1_2 не обновляется.

Что-то не так в моем коде, и я не могу это узнать?

Примечание. У меня открыта консоль, и на моей консоли не появляется сообщение об ошибке. Также на вкладке "Элементы" моей консоли я проверяю элемент, который должен быть изменен, и я не вижу никаких изменений. Нормальный атрибут "стиль" должен быть добавлен к совпадающему элементу.

С уважением

Merianos Nikos 24 сен. 2013, в 08:50

Источник

Теги:

javascript

jquery

css

3 ответа

2

jQuery не позволит установить! важно, как вы пробовали. Однако я думаю, что для вас будет работать следующее.

jQuery.style(name, value, priority);

Вы можете использовать его для получения значений с помощью.style('name') так же, как.css('name'), получить CSSStyleDeclaration с.style(), а также установить значения - с возможностью указать приоритет как "важный", См. Https://developer.mozilla.org/en/DOM/CSSStyleDeclaration.

Попробуйте что-нибудь вроде:

var div = $('someDiv');
console.log(div.style('color'));
div.style('color', 'red');
console.log(div.style('color'));
div.style('color', 'blue', 'important');
console.log(div.style('color'));
console.log(div.style().getPropertyPriority('color'));

Однако использование медиапроцессора - правильный способ продолжения.

anupam 24 сен. 2013, в 05:45

2

Попробуйте это, вам не хватает атрибута '(quote). Добавьте quote во все css, тогда она будет работать.

$('.col_1_2').css(
        {
            'width'       :   '49% !important',
            'margin-right' :   '1% !important'
        }
    );

Amit 24 сен. 2013, в 05:24

0

Спасибо за ваш ответ. Я уже пробовал это, но до сих пор нет работы.
Merianos Nikos 24 сен. 2013, в 06:36
0

Проверьте консоль и найдите ошибку
Amit 24 сен. 2013, в 06:36
0

консоль очищена от ошибок
Merianos Nikos 24 сен. 2013, в 06:37
1

@MerianosNikos Можете ли вы установить скрипку
Amit 24 сен. 2013, в 06:38
0

хорошо, я попытаюсь установить скрипку, и я скоро вернусь
Merianos Nikos 24 сен. 2013, в 06:40
0

@Merianos введите CSS в таблицу стилей и попробуйте использовать add class remove class при изменении размера.
Shashank 24 сен. 2013, в 06:41
2

Этот ответ неверен. Имена литеральных свойств объекта не нуждаются в кавычках в тех случаях, когда имена соответствуют стандартным ограничениям идентификатора JS. (Имена литеральных свойств объекта нуждаются в кавычках, если они содержат пробелы, знаки препинания или что-то еще.)
nnnnnn 24 сен. 2013, в 06:43

Показать ещё 5 комментариев

Ещё вопросы

Спасибо за ваш ответ. Я уже пробовал это, но до сих пор нет работы.
Проверьте консоль и найдите ошибку
@MerianosNikos Можете ли вы установить скрипку
хорошо, я попытаюсь установить скрипку, и я скоро вернусь
@Merianos введите CSS в таблицу стилей и попробуйте использовать add class remove class при изменении размера.
Этот ответ неверен. Имена литеральных свойств объекта не нуждаются в кавычках в тех случаях, когда имена соответствуют стандартным ограничениям идентификатора JS. (Имена литеральных свойств объекта нуждаются в кавычках, если они содержат пробелы, знаки препинания или что-то еще.)

philwills · Accepted Answer · 2013-09-24T05-20-00.000Z

Попробуйте взлететь! Важно... они вам не нужны, поскольку стили, применяемые с.css, добавляются непосредственно в элемент (переопределяя любые другие стили, которые могут применяться).

Странно, что это работает, но я не могу спорить с результатами;)