私はそのようなコードを持っています:
$(document).ready( function(){
$('.cod').click(function() {
var div_name = $(this).attr('id');
$('.overlay_window').load('/templates/' + div_name + '_template.php', function(){
var div_width = $('#'+div_name+'-overlay').width();
var div_height = $('#'+div_name+'-overlay').height();
$('.overlay_window').css("width", ""+div_width+"px")
$('.overlay_window').css("height", ""+div_height+"px")
var div2_width = $('.overlay_window').width();
var div2_height = $('.overlay_window').height();
var window_width = $(window).width();
var window_height = $(window).height();
var widthoffset = (window_width - div2_width) / 2;
var heightoffset = (window_height - div2_height) / 2;
$('.overlay_window').css("left", "" + (widthoffset) + "px");
$('.overlay_window').css("top", "" + (heightoffset) + "px");
$('.overlay_background').fadeIn();
$('.overlay_window').fadeIn();
});
});
$('#zamknij').click(function() {
return false;
$('.overlay_background').hide();
$('.overlay_window').hide();
});
});
とHTML
<?php
session_start();
?>
<div id="invite-overlay" style="width:400px; height:200px; ">
Zaproś swojego znajomego do grona <b>Levelowiczów</b>! <a href="javascript:void(0);" id="zamknij" style="color:#aaaaaa; font-family:Bebas; cursor:pointer; text-decoration:none;">X Zamknij</a><br /><br />
Już teraz możesz zaprosić znajomego, aby zarejestrował się z twojego <b>Ref Linku</b>, dzięki czemu uzyskasz punkty, które wymienia się na nagrody w konkursach.<br /><br />
<b>Oto twój link:</b><br />
<input style="width:400px; height:25px; border:none; background:#ffffff; border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2;" type="text" readonly="readonly" value="<?php echo("http://xxx/register.php?ref_link=" . $_SESSION['uniq_key'] . ""); ?>">
</div>
X Zamknijをクリックしている間、これらすべてを非表示にしたい
$('.overlay_background').hide();
$('.overlay_window').hide();
この部分は index.php ファイルにあり、非表示になっています。ウィンドウの中央に表示されるウィンドウのコンテナです
編集
オーバーレイのdivのある部分
<body>
<div class="overlay_background"></div>
<div class="overlay_window"></div>