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

因为size是变量，而不是字符串。

所以改变

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

到此

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

这是＆＃34;工作＆＃34;小提琴。虽然它实际上并不起作用，因为你的计算会产生负像素数。所以你必须重做你的逻辑。 http://jsfiddle.net/tkt4mfwx/3/

使用jquery更改select元素取决于窗口宽度

1 个答案: