jquery - If语句Jquery设置宽度

Question

如果它的宽度大于 400px ，我想要一个带有class="thumb"get的图像width:100%

我试过这个但不工作

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

score 1 · Accepted Answer

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

score 1 · Accepted Answer

好的，到目前为止没人知道吗？呵呵

你必须

所以它是这样的：

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

score 1 · Accepted Answer

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

尝试

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

编辑：

刚注意到，下面一行有错误

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

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

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

score 1 · Accepted Answer

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

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

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

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

（请注意，这假定 .thumb 周围有其他 HTML 元素，因此仅在页面本身达到 600 像素宽时才需要触发。）

score 0 · Accepted Answer

0

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

于 2013-07-12T10:09:17.537 回答

score 0 · Accepted Answer

您必须设置>符号而不是<还需要从比较中删除“px”，因为 .width() 返回数字

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

score 0 · Accepted Answer

0

尝试<'400'。删除“像素”

于 2013-07-12T10:08:34.137 回答

7 回答 7