更改選擇元素取決於使用jquery的窗口寬度

我發現，當我的窗口小於936像素，我的div與選擇器失去中心能力，因爲選擇器的寬度。我試着解決這個問題，使用css (width:100%)，但它沒有奏效。所以現在即時通訊嘗試jQuery解決方案。我做了一些計算，我發現，對於每個窗口寬度是誰小於936，我需要選擇器的大小更改爲：3*window_width -2578 ，所以我用這個：更改選擇元素取決於使用jquery的窗口寬度

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

    } 
});

但它dosent改變選擇器的寬度..爲什麼？

的jsfiddle jsfiddle

來源

2014-09-19 user3908497

我可以完全在這裏，但選擇器應該是'$（'select'）'，並且css函數應該是'.css（'width'，size +'px'）;'因爲您正在使用可變的大小。如果你沒有更早的聲明，那麼你應該有'var size = ...' – Hmazter 2014-09-28 09:32:57

由於尺寸是可變的，而不是字符串。

因此改變

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

對此

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

這裏的「工作」小提琴。雖然它實際上並不工作，因爲您的計算會導致負像素量。所以你必須重做你的邏輯。 http://jsfiddle.net/tkt4mfwx/3/

來源

2014-09-28 09:32:04 vrijdenker

更改選擇元素取決於使用jquery的窗口寬度

回答

相關問題