如果语句Jquery设置宽度

Question

如果图片的宽度大于400px，我想要class="thumb"获取width:100%的图片

我试过这个但没有工作

   if ($(".thumb").width() > '400px')
{
  $(".thumb").css{("width","100%")}
}

Answer 1

width()返回一个数字。尝试：

if ($(".thumb").width() > 400)
{
  $(".thumb").css("width","100%")
}

代替。作为基于JavaScript的解决方案的替代方案，如果您尝试在此处使用响应式设计技术，您还可以在CSS中使用媒体查询;它们允许您在页面宽度低于某个值时自动将宽度设置为100％，例如：

@media all and (min-width: 600px) {
  .thumb {
    width: 400px;
  }
}

（请注意，这假设.thumb周围有其他HTML元素，所以这只需要在页面本身达到600像素宽时触发。）

Answer 2

您正在与字符串进行比较。您应该将其与数字进行比较，因为.width()返回数字

尝试

if ($(".thumb").width() > 400)

编辑：

注意，以下行中有错误

 $(".thumb").css{("width","100%")}

花括号使用不当。删除它们。使用以下代码

$(".thumb").css("width", "100%");

Answer 3

好的，到目前为止没有人得到它？和合

你必须

• 反转＆lt;到＆gt;

• 从css中移除括号

• 添加分号

• 并为比较提供数值

所以它是这样的：

if ($(".thumb").width() > 400)
{
  $(".thumb").css("width","100%");
}

Answer 4

请检查http://jsfiddle.net/2dJAN/87/

if ($(".thumb").width() < 400){
    $(".thumb").css("width","100%");
}

Answer 5

您必须设置＆gt; 符号而不是＆lt; 还需要从比较中删除“px”，因为.width（）返回数字

if ($(".thumb").width() > 400)
{
  $(".thumb").css{("width","100%")}
}

Answer 6

尝试＆lt; '400'。删除'px'

Answer 7

尝试不使用{和}您不需要这2个字符。