如果声明jQuery来设置宽度

Question

我想要一个图像与class="thumb"得到width:100%如果其宽度大于400像素

我想这一个，但没有工作

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

你必须设置>标志，而不是<还需要从比较中删除 “PX”，因为.WIDTH（）的返回数

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

Answer 4

尝试<'400'。删除'px'

Answer 5

尝试没有{和}你不需要这2个字符。

Answer 6

好没有人知道它到目前为止？嘿嘿

你必须

• 扭转<到>

• 从CSS

• 去掉括号加上分号

• ，也给一个数值你的比较

所以它是这样的：

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

Answer 7

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

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