該功能不適用於首頁加載

Question

我有一個功能，該功能將頁面上的某些元素居中。 但它不適用於第一次加載頁面。 頁面重新加載后調用。 如何解決？

jQuery.fn.positionCenter = function() {
    this.css("position", "absolute");
    this.css("top", ($(window).height() / 2) - (this.outerHeight() / 2));
    this.css("left", ($(window).width() / 2) - (this.outerWidth() / 2));
    return this;
}

$(".play_btn, .around").positionCenter();
$(window).resize(function(){
    $(".play_btn, .around").positionCenter();
});

Answer 1

嘗試還綁定document.ready事件：

$(document).ready(function(){
    $(".play_btn, .around").positionCenter();
});

$(window).resize(function(){
    $(".play_btn, .around").positionCenter();
});

Answer 2

我解決了這個問題。 我在文件加載后調用功能。