javascript - 功能在首页加载时不起作用

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

尝试绑定(bind) document.ready 事件:

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

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