使用jQuery更改動態內聯CSS屬性

我試圖修改和width值爲.upb_row_bg類的div。這個div有動態生成的寬度。調整瀏覽器窗口的大小將導致這些值發生變化。使用jQuery更改動態內聯CSS屬性

任何想法爲什麼這個jQuery，通過add_action加載到wp_footer，無法正常工作？不知道它是否重要，但這是我試圖改變的Visual Composer的一個元素。

<div class="upb_row_bg" data-bg-override="9" style="min-width: 1368px; left: -81px; width: 1368px;"></div> 

jQuery(document).ready(function($) { 
    $('div.upb_row_bg').css({"min-width" : "-=40" , "width" : "-=40"}); 
});

來源

2015-11-07 optimus203

爲什麼不使用CSS – Tushar

無法工作或其他動態CSS代碼覆蓋它？把一個控制檯日誌，並檢查發生了什麼。 –

您正在將值設置爲「 - = 40」。這是什麼意思？ – Chet

你原來的代碼實際上工作正常;你可以在這裏看到它fiddle。網站上可能還有其他內容。

.css()方法可以使用使用相對值，因爲你已經指出，所以這不是問題。

我已經在我的示例中編輯了您的代碼，使它更容易遵循。

$('button').click(function(){ 
 
\t $('.upb_row_bg').css({"min-width" : "-=40" , "width" : "-=40"}); 
 
});

.upb_row_bg { 
 
    height: 20px; 
 
    background: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<button>shrink</button> 
 
<div class="upb_row_bg" data-bg-override="9" style="min-width: 100px; width: 100px;"></div>

來源

2015-11-07 16:10:09 justinw

謝謝Quoid。好主意，但沒有運氣。 – optimus203

@ optimus203你看着小提琴，它正在工作;內聯代碼沒有得到jQuery加載，所以它不在那裏工作，將編輯 – justinw

@ optimus203編輯小提琴和答案中的代碼（包括jQuery） - 單擊按鈕查看'element'尺寸縮小 – justinw

使用jQuery更改動態內聯CSS屬性

回答

相關問題