0

私のワードプレスサイトでは、右の列の開始 div と終了 div の間の距離を計算したいと考えています (投稿/ページ、ページに新しい div を追加できます)。次に、左の列 (widgetcolumn) の開始 div と終了 div の間の距離を計算します。右距離 - 左距離 = 左をピクセル単位で配置します。

次に、PHP で確認します。[左に配置] > [X] -> [広告を表示] の場合。

誰かがjavascriptで私を助けてくれませんか? Google では何も見つかりませんでした (キーワードが間違っていると思います)。私は自分でphpを書くことができました。

ところで、私の英語でごめんなさい。

4

2 に答える 2

0

jQuery のメソッドを使用できますoffset(jquery ライブラリが含まれていることを確認してください)

例えば

var y_top = left_top_div.offset().y;
var y_bottom = left_bottom_div.offset().y;
var distance_right = y_bottom - y_top;

これらの div の ID を指定するか、それらが動的である場合 (およびそれらを ID できない場合)、 left_top_div を選択できます。次のようにします。

var left_top_div = left_container.find('div:first-child');
var left_bottom_div = left_container.find('div:last-child');

left_container は、右の列の HTML 要素になります

于 2013-02-16T13:15:32.150 に答える
0

また、jQuery を使用していない場合は、それらを使用element.offsetWidthしwindow.innerWidthて計算を行うことができます。

var rightColumn, widgetColumn, totalWidth;

totalWidth = window.innerWidth;
rightColumn = document.getElementById('rightColumn').offsetWidth;
widgetColumn = document.getElementById('widgetColumn').offsetWidth;

そして、計算を行います

于 2013-02-16T13:26:06.230 に答える