jquery - 使用 jQuery 更改动态内联 CSS 属性

Question

我正在尝试更改类为 的 div的min-width和值。此 div 具有动态生成的宽度。调整浏览器窗口的大小将导致这些值发生变化。width.upb_row_bg

知道为什么这个通过add_actionto加载的 jQuerywp_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"});
}); 

Answer 1

您的原始代码实际上工作正常；你可以在这个小提琴中看到它。该网站可能还发生了其他事情。

正如您所指出的，该.css()方法可以使用相对值，所以这不是问题。

我在示例中编辑了您的代码，使其更易于理解。

$('button').click(function(){
	$('.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>