gpt4 book ai didi

live - 你可以将 jQuery .css() 与 .live() 一起使用吗?

转载 作者:行者123 更新时间:2023-12-01 07:31:38 27 4
gpt4 key购买 nike

我有一个带有 class="centerMessage"div 。该 div 会在页面加载后的某个时刻插入到 DOM 中。我想更改此 div 上的 CSS 以使其居中。我尝试了下面的CSS功能,但它不起作用。有人知道如何做到这一点吗?

function centerPopup() {
var winWidth = $(window).width();
var winHeight = $(window).height();
var positionLeft = (winWidth/2) - (($('.centerMessage').width())/2);
var positionTop = (winHeight/2) - (($('.centerMessage').height())/2);
$('.centerMessage').live( function(){
$(this).css("position","absolute");
$(this).css("top",positionTop + "px");
$(this).css("left",positionLeft + "px");
});
}

最佳答案

如果我对您想要实现的目标的假设是正确的,那么您不需要任何 Javascript 来执行此操作。通过一些简单的CSS就可以实现。

.centerMessage {    position: absolute;    top: 50%;    left: 50%;    margin-top: -150px; /* half of the height */    margin-left: -300px; /* half of the width */    width: 600px;    height: 300px;    background: #ccc;}

演示:http://jsbin.com/awuja4

关于live - 你可以将 jQuery .css() 与 .live() 一起使用吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5723177/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com