問題と比較することにより、クラスを追加します。私のWordPressサイトでjQueryのwordpressのポストイメージ画像幅
を、私はポストの内側のimg要素を対象とするいくつかの負のマージンCSSを適用しました。私のCSSは、655px +幅(.contentコンテンツコンテナの全幅)を持つすべての画像に対して完全に機能します。
しかし、幅が655px未満の画像は、残念ながら.entry-contentコンテナの左側に引き寄せられているため、中央揃えができません。
これを無効にするには、655px以下のすべての '.entry-content p img'要素にカスタムクラスを挿入するjQueryスクリプトが必要です。
説明するためのスクリーンショットを添付:添付ファイル
を見つけてくださいここでは、この問題を見ることができますポストです:https://vegbyte.com/best-apples-for-juicing
だからjQueryのロジックは基本的には次のとおりです。「イメージが広い未満655pxの場合は、これを挿入クラス:エントリ-IMG-小さな」
は、私はワードプレスでjqueryのを使用する方法のアイデアを持っている
をしようとしました。私はjqueryで空白ですが、そのようなコードで考えていますが、何をすべきかわかりません。
$(window).load(function() {
var image = $('.each img');
if (image.width() < 500) {
$('.oldclass').addClass('newclass');
}
});