Question

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

知道为什么这个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"});
});

Answer 1

您的原始代码实际上工作正常;你可以在这里fiddle看到它。该网站可能还有其他事情发生。

.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>

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

1 个答案: