如果聲明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%"); 
}