0

クラス の divのmin-widthとの値を変更しようとしています。この div は動的に生成された幅を持っています。ブラウザー ウィンドウのサイズを変更すると、これらの値が変更されます。width.upb_row_bg

add_actionto を介してロードされているこのjQueryが機能しない理由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"});
});
4

1 に答える 1

0

元のコードは実際には正常に動作します。ここでこのフィドルを見ることができます。ウェブサイトで何か他のことが起こっている可能性があります。

あなたが指摘したように、.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>

于 2015-11-07T16:10:09.140 に答える