jquery - 幅を設定するIfステートメントJquery

Question

幅が 400px より大きい場合はclass="thumb"getで画像が欲しいwidth:100%

私はこれを試しましたが、うまくいきませんでした

   if ($(".thumb").width() > '400px')
{
  $(".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 1 · Accepted Answer

文字列と比較しています。.width()数値を返すため、数値と比較する必要があります

試す

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

編集：

今気づいた、次の行にエラーがあります

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

中括弧の使い方が間違っています。それらを削除します。次のコードを使用します

$(".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 0 · Accepted Answer

.width() は数値を返すため、比較から「px」を削除する必要がある<の代わりに>記号を設定する必要があります

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

score 0 · Accepted Answer

0

< '400' を試してください。「px」を削除します

于 2013-07-12T10:08:34.137 に答える

score 0 · Accepted Answer

0

{なしで試してみると、}この 2 文字は必要ありません。

于 2013-07-12T10:09:17.537 に答える

7 に答える 7