1

現在、MediaWiki ウェブサイトのコードを書いています。MediaWiki に適したバージョンの Javascript を有効にするために通常数行入力する LocalSettings.php にアクセスして変更する権限がありません (連絡が難しいエンジニアが行います)。

希望どおりに動作するように jQuery でコードを既に作成しましたが、Javascript で書き直す必要があります。

動的にサイズ変更された外側の div の境界を尊重するように内側の div を取得することは、パーセンテージがマージンとパディングで計算されないため、少し悪夢でしたが、私はそれを理解しました.

いずれにせよ、このjfiddleをチェックして、javascript 用にコードを記述する方法を理解するのを手伝ってください。

jfiddle を見ることに興味がない人のために、ここに jQuery コードを用意しました。

// This centers the div when the page first loads
$('.popup-border').css('margin-left', '-' + ($('.popup-border').outerWidth() / 2) + 'px');
$('.popup-border').css('margin-top', '-' + ($('.popup-border').outerHeight() / 2) + 'px');

// This centers the div each time the page is resized
$(window).resize(function() {
    $('.popup-border').css('margin-left', '-' + ($('.popup-border').outerWidth() / 2) + 'px');
    $('.popup-border').css('margin-top', '-' + ($('.popup-border').outerHeight() / 2) + 'px');
});

これをjQueryではなくjavascriptで書き直すにはどうすればよいですか?

4

0 に答える 0