1

我目前正在为 MediaWiki 网站编写代码。我无权访问和修改 LocalSettings.php(一个难以联系的工程师),我通常会在其中键入几行以启用对 MediaWiki 友好的 Javascript 版本。

我已经用 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');
});

如何用 javascript 而不是 jQuery 重写它?

4

0 回答 0