好的,我有这个代码:
//When you click on a link with class of poplight and the href starts with a #
$('a.poplight[href^=#]').click(function() {
var a = $(this).attr('vd');
var b = $(this).attr('id');
$.post('chk.php', { name : a, name2 : b }, function(output) {
$('#con').html(output).show();
});
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
//Pull Query & Variables from href URL
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
//Fade in the Popup and add close button
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="images/close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>');
//Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
//Fade in Background
$('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer
return false;
});
//Close Popups and Fade Layer
$('a.close').live('click', function() { //When clicking on the close or fade layer...
$('#fade , .popup_block, .login').fadeOut(function() {
$('#fade').remove();
}); //fade them both out
return false;
});
//end poup
现在,每当用户单击具有 poplight 类的元素时,就会执行上面的代码,它应该显示具有 popup_block 类的 div,但在此之前调用了一个 ajax 函数,我对此没有问题,但是该div(具有popup_block的类)的中心主义丢失了,或者当你看到那里有一个实现该div的中心主义的代码时它看起来非常不稳定,但它没有,它只有在我指定位置时才居中css 或 css 上该 div 的宽度和高度,但我不想这样做,jquery 函数应该这样做(参见代码,它已在那里实现)。也许我的代码中缺少一些东西,或者我只是错过了一些东西,但无论如何,我不知道。请帮忙,我只是想在呼叫时将该 div 居中。谢谢你。
- div(有一个popup_block类)是固定定位的,z-index:99999并且默认不显示。