使用 jquery 更改选择元素取决于窗口宽度答案

【问题标题】：Changing select element depend on window width using jquery使用 jquery 更改选择元素取决于窗口宽度
【发布时间】：2014-11-13 14:56:43
【问题描述】：

我发现当我的窗口小于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

【问题讨论】：

我完全可以，但是选择器应该是$('select')，css函数应该是.css('width', size+'px');，因为你使用的是可变大小。为了正确的 JS，如果你不早点声明，你也应该有var size = ...

标签： jquery jquery-selectors resize window width

【解决方案1】：

因为大小是一个变量，而不是一个字符串。

所以改变

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

到这里

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

这是一个“工作”的小提琴。尽管它实际上不起作用，因为您的计算导致像素为负数。所以你必须重做你的逻辑。 http://jsfiddle.net/tkt4mfwx/3/

【讨论】：