2016-11-13 115 views
0

嗨,我想換一個div寬度值的基礎上,外面的div寬度jQuery的變化iside格寬度尺寸的基礎上,外格大小

我在jQuery和JavaScript的新嘗試這樣的代碼:

if ($('col-md-4 col-sm-6').width() <= 320){ 
    $('.card-info').width(120px) 
}; 

,但它沒有工作...

的HTML是:

<div class="col-md-4 col-sm-6"> 
<div class="card-info"> 
</div> 
</div> 
<div class="col-md-4 col-sm-6"> 
<div class="card-info"> 
</div> 
</div> 
(...) 

有限公司如果div「col-md-4 col-sm6」爲320px或更小,則有人幫助我找出如何做到這一點,將div「card-info」更改爲120px寬度。

非常感謝。

+1

沒有CSS是不容易理解。你的jQuery有一些錯別字。它應該是$('。col-md-4.col-sm-6')和.width(120) – Alvaro

+0

對於初學者來說,選擇器在'if()'中是無效的。幾分鐘通過選擇器api閱讀將幫助http://api.jquery.com/category/selectors/ – charlietfl

回答

1

你沒有在jQuery中選擇col-md-4和col-sm-6類。您錯過了$('col-md-4 col-sm-6')col-md-4之前的點(。),然後是逗號(,)和col-sm-6之前的另一個點。 解決辦法是

if ($('.col-md-4, .col-sm-6').width() <= 320) { 
     $('.card-info').width(120); 
    } 

 if ($('.col-md-4, .col-sm-6').width() <= 320) { 
      $('.card-info').css('width', '120px'); 
     } 
相關問題