如果聲明jQuery來設置寬度

-1

我想要一個圖像與class="thumb"得到width:100%如果其寬度大於400像素如果聲明jQuery來設置寬度

我想這一個，但沒有工作

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

'.WIDTH（）'將返回數值不'px'用吧:)見[API]（HTTP ：//api.jquery.com/width/），爲了清楚理解'.width（）'和css（{'width'：'..'}）之間的區別'' –

width()返回一個數字。試試：

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

改爲。作爲基於JavaScript的解決方案的替代方案，如果您在此嘗試使用響應式設計技術，則還可以在CSS中使用媒體查詢;他們將讓你自動設置寬度爲100％時，頁面寬度低於一定值，例如：

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

（注意，這個假設.thumb周圍有其他HTML元素，所以這僅當頁面本身達到600像素寬度時才需要觸發。）

2013-07-12 10:08:04

感謝您提供額外的建議。 –

您正在與字符串進行比較。你應該因爲.width()返回數

與多家它比較

嘗試

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

編輯：

只注意到，有以下行的錯誤

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

大括號使用不正確。刪除它們。使用下面的代碼

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

2013-07-12 10:08:08

雖然不工作 –

@ user2417528更新了我的答案。看看 –

你必須設置>標誌，而不是<還需要從比較中刪除「PX」，因爲.WIDTH（）的返回數

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

2013-07-12 10:08:21 Jalpesh

嘗試<'400'。刪除'px'

2013-07-12 10:08:34

嘗試沒有{和}你不需要這2個字符。

2013-07-12 10:09:17 mpacheco

好沒有人知道它到目前爲止？嘿嘿

你必須

所以它是這樣的：

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

2013-07-12 10:09:38

感謝隊友，它的工作 –

@ user2417528無後顧之憂;） –

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

2013-07-12 10:14:30 vinothini

回答