Изменение выбранного элемента зависит от ширины окна с помощью jquery

Question

Я узнал, что когда мои окна меньше 936 px, мой div с селекторами теряет центральную способность, потому что ширина селекторов. Я попытался решить это, используя css (width:100%), но он не работал. поэтому теперь я пытаюсь использовать jquery-решение. я сделал некоторые расчеты и я обнаружил, что для каждой ширины окна, который меньше, чем 936, мне нужно изменить размер селекторного: 3*window_width -2578 так я использовал:

$(window).resize(function() { 
    if($(window).width() < 936) 
    { 
     size = (3*$(window).width()-2578); 
    $('"select"').css('width', 'size'+'px');; 

    } 
}); 

, но она доцент изменить селекторов ширина .. почему?

jsfiddle jsfiddle

Answer 1

Поскольку размер является переменной, а не строка.

Меняет

$('"select"').css('width', 'size'+'px');; 

Для этого

$("select").css('width', size+'px'); 

Вот "работает" скрипка. Хотя на самом деле это не работает, потому что ваш расчет приводит к отрицательному количеству пикселей. Поэтому вам придется переделать свою логику.